<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>优房数据房产报告（付费版）</title>
    <link rel="icon" type="text/css" th:href="@{/img/logoIc.png}"/>
    <!--公共样式-->
    <link th:href="@{/css/freePayReport.css}" rel="stylesheet"/>
    <!--阿里字体文件-->
    <link href="//at.alicdn.com/t/font_526427_qqerspg8ab.css" rel="stylesheet"/>
    <!--mapbox地图-->
    <link href='https://api.mapbox.com/mapbox.js/v3.1.1/mapbox.css' rel='stylesheet' />
</head>
<body>

<!--标题-->
<section class="header-box">
    <div class="container">
        <aside>
            <img th:src="@{/img/logo2.png}"/>
            <span>[[#{TitleNamePay}]]</span>
        </aside>
        <div class="zindex-bottom"></div>
    </div>
</section>

<div class="BG-img-box">
    <img th:src="@{/img/BG-img.png}" alt="">
</div>

<!--房源图片-->
<section class="public-header-content" id="housePhoto-box">
    <div class="container">
        <header>
            <img th:src="@{/img/title-bg-img-left.jpg}"/>
            <span>[[#{HousePhoto}]]</span>
            <img th:src="@{/img/title-bg-img-right.jpg}"/>
        </header>
        <div class="content" th:switch="${#lists.size(photos)}">
            <article th:case="1" class="housePhoto-length1">
                <aside th:each="photo:${photos}">
                    <img th:src="'http://youhome.oss-cn-zhangjiakou.aliyuncs.com/'+${photo}+'?x-oss-process=image/resize,m_fill,h_600,w_1005,limit_0'"
                         alt="">
                </aside>
            </article>
            <article th:case="2" class="housePhoto-length2">
                <aside th:each="photo:${photos}">
                    <img th:src="'http://youhome.oss-cn-zhangjiakou.aliyuncs.com/'+${photo}+'?x-oss-process=image/resize,m_fill,h_300,w_502,limit_0'"
                         alt="">
                </aside>
            </article>
            <article th:case="4" class="housePhoto-length4">
                <aside th:each="photo:${photos}">
                    <img th:src="'http://youhome.oss-cn-zhangjiakou.aliyuncs.com/'+${photo}+'?x-oss-process=image/resize,m_fill,h_300,w_502,limit_0'"
                         alt="">
                </aside>
            </article>
            <article th:case="6" class="housePhoto-length6">
                <aside th:each="photo:${photos}">
                    <img th:src="'http://youhome.oss-cn-zhangjiakou.aliyuncs.com/'+${photo}+'?x-oss-process=image/resize,m_fill,h_300,w_502,limit_0'"
                         alt="">
                </aside>
            </article>
        </div>
    </div>
</section>

<!--基本信息-->
<div class="public-header-content" id="houseDetails-box">
    <div class="container">
        <header>
            <img th:src="@{/img/title-bg-img-left.jpg}"/>
            <aside>
                <img th:src="@{/img/basicInfo-title-bg-img.jpg}"/>
                <span>[[#{BasicInfo}]]</span>
            </aside>
            <img th:src="@{/img/title-bg-img-right.jpg}"/>
        </header>
        <div class="content">
            <div class="houseDetails-content clearfix" id="houseDetails-content">
                <!--<aside th:each="item:${HouseBasicInfo}" class="col-lg-6 col-md-6 col-sm-6 col-xs-6">-->
                    <!--<div th:text="${item.key}">：</div>-->
                    <!--<div th:text="${item.value}"></div>-->
                <!--</aside>-->
            </div>
        </div>
    </div>
</div>

<!--房源特征-->
<div class="public-header-content" id="characteristicsInfo-box">
    <div class="container">
        <header>
            <img th:src="@{/img/title-bg-img-left.jpg}"/>
            <span>[[#{CharacteristicsInfo}]]</span>
            <img th:src="@{/img/title-bg-img-right.jpg}"/>
        </header>
        <div class="content">
            <div class="characteristicsInfo-content">
                <aside th:each="item:${Characteristics}" class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                    <div th:text="${item.key}">：</div>
                    <div th:text="${item.value}"></div>
                </aside>
            </div>
        </div>
    </div>
</div>

<!--学校-->
<div class="public-header-content" id="school-box">
    <div class="container">
        <header>
            <img th:src="@{/img/title-bg-img-left.jpg}"/>
            <span>[[#{School}]]</span>
            <img th:src="@{/img/title-bg-img-right.jpg}"/>
        </header>
        <div class="content">
            <div id="elementarySchools">
                <h3>[[#{Elementary}]]</h3>
                <table class="table">
                    <thead>
                    <tr class="table-header">
                        <th class="col4">[[#{SchoolName}]]</th>
                        <th class="col3">[[#{SchoolAddress}]]</th>
                        <th class="col1">[[#{SchoolType}]]</th>
                        <th class="col2">[[#{SchoolGrade}]]</th>
                        <th class="col2">[[#{SchoolParentsScore}]]</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr th:each="school:${school.elementary}">
                        <td class="col4" th:text="${school.name}"></td>
                        <td class="col3" th:text="${school.address}"></td>
                        <td class="col1" th:text="${school.admission}"></td>
                        <td class="col2" th:text="${school.grade}"></td>
                        <td class="col2" th:switch="${school.reviewRating}">
                            <p th:case="0"><i>★</i><i>★</i><i>★</i><i>★</i><i>★</i></p>
                            <p th:case="1"><span>★</span><i>★</i><i>★</i><i>★</i><i>★</i></p>
                            <p th:case="2"><span>★</span><span>★</span><i>★</i><i>★</i><i>★</i></p>
                            <p th:case="3"><span>★</span><span>★</span><span>★</span><i>★</i><i>★</i></p>
                            <p th:case="4"><span>★</span><span>★</span><span>★</span><span>★</span><i>★</i></p>
                            <p th:case="5"><span>★</span><span>★</span><span>★</span><span>★</span><span>★</span></p>
                            <p th:case="*">-</p>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div id="middleSchools">
                <h3>[[#{MiddleSchools}]]</h3>
                <table class="table">
                    <thead>
                    <tr class="table-header">
                        <th class="col4">[[#{SchoolName}]]</th>
                        <th class="col3">[[#{SchoolAddress}]]</th>
                        <th class="col1">[[#{SchoolType}]]</th>
                        <th class="col2">[[#{SchoolGrade}]]</th>
                        <th class="col2">[[#{SchoolParentsScore}]]</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr th:each="school:${school.middle}">
                        <td class="col4" th:text="${school.name}"></td>
                        <td class="col3" th:text="${school.address}"></td>
                        <td class="col1" th:text="${school.admission}"></td>
                        <td class="col2" th:text="${school.grade}"></td>
                        <td class="col2" th:switch="${school.reviewRating}">
                            <p th:case="0"><i>★</i><i>★</i><i>★</i><i>★</i><i>★</i></p>
                            <p th:case="1"><span>★</span><i>★</i><i>★</i><i>★</i><i>★</i></p>
                            <p th:case="2"><span>★</span><span>★</span><i>★</i><i>★</i><i>★</i></p>
                            <p th:case="3"><span>★</span><span>★</span><span>★</span><i>★</i><i>★</i></p>
                            <p th:case="4"><span>★</span><span>★</span><span>★</span><span>★</span><i>★</i></p>
                            <p th:case="5"><span>★</span><span>★</span><span>★</span><span>★</span><span>★</span></p>
                            <p th:case="*">-</p>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div id="highSchools">
                <h3>[[#{HighSchools}]]</h3>
                <table class="table">
                    <thead>
                    <tr class="table-header">
                        <th class="col4">[[#{SchoolName}]]</th>
                        <th class="col3">[[#{SchoolAddress}]]</th>
                        <th class="col1">[[#{SchoolType}]]</th>
                        <th class="col2">[[#{SchoolGrade}]]</th>
                        <th class="col2">[[#{SchoolParentsScore}]]</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr th:each="school:${school.high}">
                        <td class="col4" th:text="${school.name}"></td>
                        <td class="col3" th:text="${school.address}"></td>
                        <td class="col1" th:text="${school.admission}"></td>
                        <td class="col2" th:text="${school.grade}"></td>
                        <td class="col2" th:switch="${school.reviewRating}">
                            <p th:case="0"><i>★</i><i>★</i><i>★</i><i>★</i><i>★</i></p>
                            <p th:case="1"><span>★</span><i>★</i><i>★</i><i>★</i><i>★</i></p>
                            <p th:case="2"><span>★</span><span>★</span><i>★</i><i>★</i><i>★</i></p>
                            <p th:case="3"><span>★</span><span>★</span><span>★</span><i>★</i><i>★</i></p>
                            <p th:case="4"><span>★</span><span>★</span><span>★</span><span>★</span><i>★</i></p>
                            <p th:case="5"><span>★</span><span>★</span><span>★</span><span>★</span><span>★</span></p>
                            <p th:case="null">-</p>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <aside id="school-Introduction">
                <p>[[#{SchoolInstructions1}]]</p>
                <p>[[#{SchoolInstructions2}]]</p>
            </aside>
        </div>
    </div>
</div>

<!--本区域数据-->
<div class="public-header-content echarts-box-public" id="houseData-chartBox">
    <div class="container">
        <header class="clearfix">
            <img th:src="@{/img/title-bg-img-left.jpg}"/>
            <span>[[#{RegionalData}]]</span>
            <img th:src="@{/img/title-bg-img-right.jpg}"/>
        </header>
        <div class="content">
            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12" id="thisPrice-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{RegionalDataContent1}]]</header>
                    <div class="chartBox">
                        <div class="chart-div" id="thisPrice-chart"></div>
                        <h5>暂未查询到数据！</h5>
                        <p></p>
                    </div>
                </div>
            </div>

            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12" id="thisAveragePriceSqft-chart-box" style="margin: 0;">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{RegionalDataContent2}]]</header>
                    <div class="chartBox">
                        <div class="chart-div" id="thisAveragePriceSqft-chart"></div>
                        <h5>暂未查询到数据！</h5>
                        <p></p>
                    </div>
                </div>
            </div>

            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12" id="currentHomeValueForecast-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{RegionalDataContent3}]]</header>
                    <div class="chartBox">
                        <div class="chart-div" id="currentHomeValueForecast-chart"></div>
                        <h5>暂未查询到数据！</h5>
                        <p></p>
                    </div>
                </div>
            </div>

            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12" id="currentZipcodeValueForecast-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{RegionalDataContent4}]]</header>
                    <div class="chartBox">
                        <div class="chart-div" id="currentZipcodeValueForecast-chart"></div>
                        <h5>暂未查询到数据！</h5>
                        <p></p>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="Commuteindex-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{RegionalDataContent5}]]</header>
                    <div class="chartBox">
                        <div class="chart-div" id="Commuteindex-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="Affordability-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{RegionalDataContent6}]]</header>
                    <div class="chartBox" style="min-height: 140px; padding: 20px;">
                        <article id="Affordability1"></article>
                        <article id="Affordability2"></article>
                        <article id="Affordability3"></article>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="rent-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{RegionalDataContent7}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                            <button type="button" class="btn btn-info active" value="5">过去5年</button>
                        </aside>
                        <div class="chart-div" id="rent-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="mom-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{RegionalDataContent8}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p id="mom-chart-box-instructions"></p>
                            <button type="button" class="btn btn-info active" value="5">过去5年</button>
                        </aside>
                        <div class="chart-div" id="mom-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="yoy-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{RegionalDataContent9}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p id="yoy-chart-box-instructions"></p>
                            <button type="button" class="btn btn-info active" value="5">过去5年</button>
                        </aside>
                        <div class="chart-div" id="yoy-chart"></div>
                    </div>
                </div>
            </div>


            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="one-five-beds-housePrice-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{RegionalDataContent10}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                            <button type="button" class="btn btn-info active" value="5">过去5年</button>
                        </aside>
                        <div class="chart-div" id="one-five-beds-housePrice-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="SFR-Condo-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{RegionalDataContent11}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                            <button type="button" class="btn btn-info active" value="5">过去5年</button>
                        </aside>
                        <div class="chart-div" id="SFR-Condo-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="price-rent-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{RegionalDataContent12}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p>此图表显示租金变化与房价变化的关系，优房数据根据次变化推算出当年的租金回报率。租金回报率与如何在此区域投资有极其重要的关系。</p>
                            <button type="button" class="btn btn-info active" value="5">过去5年</button>
                        </aside>
                        <div class="chart-div" id="price-rent-chart" style="width: 95%; margin: 0 auto;"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="state-US-price-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{RegionalDataContent13}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                            <button type="button" class="btn btn-info active" value="5">过去5年</button>
                        </aside>
                        <div class="chart-div" id="state-US-price-chart"></div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>

<!--HJ数据图表-->
<div class="public-header-content echarts-box-public" id="HJData-chartBox">
    <div class="container">
        <header>
            <img th:src="@{/img/title-bg-img-left.jpg}"/>
            <span>[[#{RegionalDataOverview}]]</span>
            <img th:src="@{/img/title-bg-img-right.jpg}"/>
        </header>
        <div class="content clearfix">
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="age-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{RegionalDataOverviewContent1}]]</header>
                    <div class="chartBox">
                        <div class="chart-div" id="raceAverageAge-chart" style="height: 300px;"></div>
                        <div class="chart-div" id="populationProportion-chart" style="height: 300px;"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="area-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{RegionalDataOverviewContent2}]]</header>
                    <div class="chartBox">
                        <div class="chart-div" id="area-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12" id="Education-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{RegionalDataOverviewContent3}]]</header>
                    <div class="chartBox">
                        <div class="chart-div" id="Education-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12" id="gender-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{RegionalDataOverviewContent4}]]</header>
                    <div class="chartBox">
                        <div class="chart-div" id="gender-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="Employment-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{RegionalDataOverviewContent5}]]</header>
                    <div class="chartBox">
                        <div class="chart-div" id="Employment-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="livingCost-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{RegionalDataOverviewContent6}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p id="livingCost-chart-box-instructions"></p>
                        </aside>
                        <div class="chart-div" id="livingCost-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="crime-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{RegionalDataOverviewContent7}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p id="crime-chart-box-instructions"></p>
                        </aside>
                        <div class="chart-div" id="crime-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="Households-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{RegionalDataOverviewContent8}]]</header>
                    <div class="chartBox">
                        <div class="chart-div" id="Households-chart"></div>
                        <div class="chart-div" id="AVHR-chart"></div>
                        <p></p>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="Household-income-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{RegionalDataOverviewContent9}]]</header>
                    <div class="chartBox">
                        <div class="chart-div" id="AverageMedian-chart"></div>
                        <div class="chart-div" id="IncomeFamilyProportion-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="Population-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{RegionalDataOverviewContent10}]]</header>
                    <div class="chartBox">
                        <div class="chart-div" id="Population-chart"></div>
                        <p></p>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="Race-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{RegionalDataOverviewContent11}]]</header>
                    <div class="chartBox">
                        <div class="chart-div" id="Race-chart"></div>
                        <p></p>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="Weather-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{RegionalDataOverviewContent12}]]</header>
                    <div class="chartBox">
                        <div class="chart-div" id="averageHighLow-chart"></div>
                        <div class="chart-div" id="disasterIndices-chart"></div>
                        <p></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!--关于房租-->
<div class="public-header-content echarts-box-public" id="RentSituation-chartBox">
    <div class="container">
        <header>
            <img th:src="@{/img/title-bg-img-left.jpg}"/>
            <span>[[#{AboutHouseRent}]]</span>
            <img th:src="@{/img/title-bg-img-right.jpg}"/>
        </header>
        <div class="content">
            <div class="intuitive-data-title">
                <header><i class="iconfont icon-location"></i> [[#{AboutHouseRentCaptionsTitle}]]</header>
                <div class="content clearfix">
                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12" id="Zip_Zri_AllHomesPlusMultifamily_Summary-box" style="margin: 0;">
                        <div class="inside">
                            <header><i class="iconfont icon-location"></i> [[#{AboutHouseRentContent1}]]</header>
                            <div class="chartBox" style="min-height: 160px; margin: 0;">
                                <aside>
                                    <p id="Zip_Zri_AllHomesPlusMultifamily_Summary-mom"></p>
                                    <p id="Zip_Zri_AllHomesPlusMultifamily_Summary-yoy"></p>
                                    <p id="Zip_Zri_AllHomesPlusMultifamily_Summary-qoq"></p>
                                    <p id="Zip_Zri_AllHomesPlusMultifamily_Summary-zri"></p>
                                </aside>
                                <h5 style="min-height: 160px;">暂未查询到数据！</h5>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12" id="BreakEven_PR-box" style="margin: 0;">
                        <div class="inside">
                            <header><i class="iconfont icon-location"></i> [[#{AboutHouseRentContent2}]]</header>
                            <div class="chartBox" style="min-height: 160px; margin: 0;">
                                <aside>
                                    <p id="BreakEven_PR-brea_keven"></p>
                                    <p id="BreakEven_PR-med_pr"></p>
                                </aside>
                                <h5 style="min-height: 160px;">暂未查询到数据！</h5>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12" id="ZriForecast_Public-box">
                        <div class="inside">
                            <header><i class="iconfont icon-location"></i> [[#{AboutHouseRentContent3}]]</header>
                            <div class="chartBox" style="min-height: 160px;">
                                <aside>
                                    <p id="ZriForecast_Public-zri_forecast"></p>
                                    <p id="ZriForecast_Public-forecast_yoy_change"></p>
                                    <p id="ZriForecast_Public-current_yoy_change"></p>
                                </aside>
                                <h5 style="min-height: 160px;">暂未查询到数据！</h5>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12"
                         id="Zip_Zri_MultiFamilyResidenceRental_Summary-box">
                        <div class="inside">
                            <header><i class="iconfont icon-location"></i> [[#{AboutHouseRentContent4}]]</header>
                            <div class="chartBox" style="min-height: 160px;">
                                <aside>
                                    <p id="Zip_Zri_MultiFamilyResidenceRental_Summary-mom"></p>
                                    <p id="Zip_Zri_MultiFamilyResidenceRental_Summary-yoy"></p>
                                    <p id="Zip_Zri_MultiFamilyResidenceRental_Summary-qoq"></p>
                                    <p id="Zip_Zri_MultiFamilyResidenceRental_Summary-zri"></p>
                                </aside>
                                <h5 style="min-height: 160px;">暂未查询到数据！</h5>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12"
                         id="Zip_Zri_SingleFamilyResidenceRental_Summary-box">
                        <div class="inside">
                            <header><i class="iconfont icon-location"></i> [[#{AboutHouseRentContent5}]]</header>
                            <div class="chartBox" style="min-height: 160px;">
                                <aside>
                                    <p id="Zip_Zri_SingleFamilyResidenceRental_Summary-mom"></p>
                                    <p id="Zip_Zri_SingleFamilyResidenceRental_Summary-yoy"></p>
                                    <p id="Zip_Zri_SingleFamilyResidenceRental_Summary-qoq"></p>
                                    <p id="Zip_Zri_SingleFamilyResidenceRental_Summary-zri"></p>
                                </aside>
                                <h5 style="min-height: 160px;">暂未查询到数据！</h5>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="Zip_MedianRentalPrice_1Bedroom-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutHouseRentContent6}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                        </aside>
                        <div class="chart-div" id="Zip_MedianRentalPrice_1Bedroom-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="Zip_MedianRentalPrice_2Bedroom-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutHouseRentContent7}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                        </aside>
                        <div class="chart-div" id="Zip_MedianRentalPrice_2Bedroom-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="Zip_MedianRentalPrice_3Bedroom-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutHouseRentContent8}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                        </aside>
                        <div class="chart-div" id="Zip_MedianRentalPrice_3Bedroom-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="Zip_MedianRentalPrice_4Bedroom-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutHouseRentContent9}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                        </aside>
                        <div class="chart-div" id="Zip_MedianRentalPrice_4Bedroom-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="Zip_MedianRentalPrice_5BedroomOrMore-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutHouseRentContent10}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                        </aside>
                        <div class="chart-div" id="Zip_MedianRentalPrice_5BedroomOrMore-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="Zip_MedianRentalPrice_AllHomes-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutHouseRentContent11}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                        </aside>
                        <div class="chart-div" id="Zip_MedianRentalPrice_AllHomes-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="Zip_MedianRentalPrice_CondoCoop-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutHouseRentContent12}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                        </aside>
                        <div class="chart-div" id="Zip_MedianRentalPrice_CondoCoop-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="Zip_MedianRentalPrice_DuplexTriplex-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutHouseRentContent13}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                        </aside>
                        <div class="chart-div" id="Zip_MedianRentalPrice_DuplexTriplex-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="Zip_MedianRentalPrice_Mfr5Plus-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutHouseRentContent14}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                        </aside>
                        <div class="chart-div" id="Zip_MedianRentalPrice_Mfr5Plus-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="Zip_MedianRentalPrice_Sfr-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutHouseRentContent15}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                        </aside>
                        <div class="chart-div" id="Zip_MedianRentalPrice_Sfr-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="Zip_MedianRentalPrice_Studio-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutHouseRentContent16}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                        </aside>
                        <div class="chart-div" id="Zip_MedianRentalPrice_Studio-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="Zip_MedianRentalPricePerSqft_1Bedroom-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutHouseRentContent17}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                        </aside>
                        <div class="chart-div" id="Zip_MedianRentalPricePerSqft_1Bedroom-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="Zip_MedianRentalPricePerSqft_2Bedroom-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutHouseRentContent18}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                        </aside>
                        <div class="chart-div" id="Zip_MedianRentalPricePerSqft_2Bedroom-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="Zip_MedianRentalPricePerSqft_3Bedroom-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutHouseRentContent19}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                        </aside>
                        <div class="chart-div" id="Zip_MedianRentalPricePerSqft_3Bedroom-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="Zip_MedianRentalPricePerSqft_4Bedroom-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutHouseRentContent20}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                        </aside>
                        <div class="chart-div" id="Zip_MedianRentalPricePerSqft_4Bedroom-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"
                 id="Zip_MedianRentalPricePerSqft_5BedroomOrMore-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutHouseRentContent21}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                        </aside>
                        <div class="chart-div" id="Zip_MedianRentalPricePerSqft_5BedroomOrMore-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="Zip_MedianRentalPricePerSqft_AllHomes-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutHouseRentContent22}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                        </aside>
                        <div class="chart-div" id="Zip_MedianRentalPricePerSqft_AllHomes-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="Zip_MedianRentalPricePerSqft_CondoCoop-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutHouseRentContent23}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                        </aside>
                        <div class="chart-div" id="Zip_MedianRentalPricePerSqft_CondoCoop-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"
                 id="Zip_MedianRentalPricePerSqft_DuplexTriplex-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutHouseRentContent24}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                        </aside>
                        <div class="chart-div" id="Zip_MedianRentalPricePerSqft_DuplexTriplex-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="Zip_MedianRentalPricePerSqft_Mfr5Plus-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutHouseRentContent25}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                        </aside>
                        <div class="chart-div" id="Zip_MedianRentalPricePerSqft_Mfr5Plus-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="Zip_MedianRentalPricePerSqft_Sfr-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutHouseRentContent26}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                        </aside>
                        <div class="chart-div" id="Zip_MedianRentalPricePerSqft_Sfr-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="Zip_MedianRentalPricePerSqft_Studio-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutHouseRentContent27}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                        </aside>
                        <div class="chart-div" id="Zip_MedianRentalPricePerSqft_Studio-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="Zip_Zri_MultiFamilyResidenceRental-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutHouseRentContent28}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                        </aside>
                        <div class="chart-div" id="Zip_Zri_MultiFamilyResidenceRental-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="Zip_Zri_SingleFamilyResidenceRental-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutHouseRentContent29}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                        </aside>
                        <div class="chart-div" id="Zip_Zri_SingleFamilyResidenceRental-chart"></div>
                    </div>
                </div>
            </div>


            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="Zip_Zri_AllHomesPlusMultifamily-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutHouseRentContent30}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                        </aside>
                        <div class="chart-div" id="Zip_Zri_AllHomesPlusMultifamily-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="Zip_ZriPerSqft_AllHomes-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutHouseRentContent31}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                        </aside>
                        <div class="chart-div" id="Zip_ZriPerSqft_AllHomes-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="Affordability_Wide_2018Q2_Public_Rent-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutHouseRentContent32}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                        </aside>
                        <div class="chart-div" id="Affordability_Wide_2018Q2_Public_Rent-chart"></div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>

<!--关于房价-->
<div class="public-header-content echarts-box-public" id="PriceSituation-chartBox">
    <div class="container">
        <header>
            <img th:src="@{/img/title-bg-img-left.jpg}"/>
            <span>[[#{AboutHousePrices}]]</span>
            <img th:src="@{/img/title-bg-img-right.jpg}"/>
        </header>
        <div class="content">
            <div class="intuitive-data-title">
                <header><i class="iconfont icon-location"></i> [[#{AboutHousePricesCaptionsTitle}]]</header>
                <div class="content clearfix">
                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="Zip_Zhvi_Summary_AllHomes-box" style="margin: 0;">
                        <div class="inside">
                            <header><i class="iconfont icon-location"></i> [[#{AboutHousePricesContent1}]]</header>
                            <div class="chartBox" style="min-height: 100px;">
                                <aside>
                                    <p id="Zip_Zhvi_Summary_AllHomes-mom"></p>
                                    <p id="Zip_Zhvi_Summary_AllHomes-yoy"></p>
                                    <p id="Zip_Zhvi_Summary_AllHomes-qoq"></p>
                                    <p id="Zip_Zhvi_Summary_AllHomes-y_5"></p>
                                    <p id="Zip_Zhvi_Summary_AllHomes-y_10"></p>
                                    <p id="Zip_Zhvi_Summary_AllHomes-peak_month"></p>
                                    <p id="Zip_Zhvi_Summary_AllHomes-peak_quarter"></p>
                                    <p id="Zip_Zhvi_Summary_AllHomes-peak_zhvi"></p>
                                    <p id="Zip_Zhvi_Summary_AllHomes-zhvi"></p>
                                    <p id="Zip_Zhvi_Summary_AllHomes-pct_fall_from_peak"></p>
                                </aside>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="Zip_PriceToRentRatio_AllHomes-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutHousePricesContent2}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                        </aside>
                        <div class="chart-div" id="Zip_PriceToRentRatio_AllHomes-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="SaleToListRatio_City-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutHousePricesContent3}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                        </aside>
                        <div class="chart-div" id="SaleToListRatio_City-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="DaysOnZillow_City-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutHousePricesContent4}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                        </aside>
                        <div class="chart-div" id="DaysOnZillow_City-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="Zip_MedianListingPrice_BottomTier-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutHousePricesContent5}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                        </aside>
                        <div class="chart-div" id="Zip_MedianListingPrice_BottomTier-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="Zip_MedianListingPrice_TopTier-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutHousePricesContent6}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                        </aside>
                        <div class="chart-div" id="Zip_MedianListingPrice_TopTier-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="Sale_Counts_Zip-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutHousePricesContent7}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                        </aside>
                        <div class="chart-div" id="Sale_Counts_Zip-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="Sale_Counts_Seas_Adj_City-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutHousePricesContent8}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                        </aside>
                        <div class="chart-div" id="Sale_Counts_Seas_Adj_City-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="Sale_Prices_Zip-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutHousePricesContent9}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                        </aside>
                        <div class="chart-div" id="Sale_Prices_Zip-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="Zip_MedianValuePerSqft_AllHomes-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutHousePricesContent10}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                        </aside>
                        <div class="chart-div" id="Zip_MedianValuePerSqft_AllHomes-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="Zip_Zhvi_1bedroom-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutHousePricesContent11}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                        </aside>
                        <div class="chart-div" id="Zip_Zhvi_1bedroom-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="Zip_Zhvi_2bedroom-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutHousePricesContent12}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                        </aside>
                        <div class="chart-div" id="Zip_Zhvi_2bedroom-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="Zip_Zhvi_3bedroom-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutHousePricesContent13}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                        </aside>
                        <div class="chart-div" id="Zip_Zhvi_3bedroom-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="Zip_Zhvi_4bedroom-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutHousePricesContent14}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                        </aside>
                        <div class="chart-div" id="Zip_Zhvi_4bedroom-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="Zip_Zhvi_5BedroomOrMore-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutHousePricesContent15}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                        </aside>
                        <div class="chart-div" id="Zip_Zhvi_5BedroomOrMore-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="Zip_Zhvi_AllHomes-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutHousePricesContent16}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                        </aside>
                        <div class="chart-div" id="Zip_Zhvi_AllHomes-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="Zip_Zhvi_Condominum-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutHousePricesContent17}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                        </aside>
                        <div class="chart-div" id="Zip_Zhvi_Condominum-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="Zip_Zhvi_SingleFamilyResidence-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutHousePricesContent18}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                        </aside>
                        <div class="chart-div" id="Zip_Zhvi_SingleFamilyResidence-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="Zip_Zhvi_BottomTier_yoy-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutHousePricesContent19}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                        </aside>
                        <div class="chart-div" id="Zip_Zhvi_BottomTier_yoy-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="Zip_Zhvi_BottomTier-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutHousePricesContent20}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                        </aside>
                        <div class="chart-div" id="Zip_Zhvi_BottomTier-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="Zip_Zhvi_MiddleTier_yoy-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutHousePricesContent21}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                        </aside>
                        <div class="chart-div" id="Zip_Zhvi_MiddleTier_yoy-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="Zip_Zhvi_MiddleTier-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutHousePricesContent22}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                        </aside>
                        <div class="chart-div" id="Zip_Zhvi_MiddleTier-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="Zip_Zhvi_TopTier_yoy-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutHousePricesContent23}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                        </aside>
                        <div class="chart-div" id="Zip_Zhvi_TopTier_yoy-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="Zip_Zhvi_TopTier-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutHousePricesContent24}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                        </aside>
                        <div class="chart-div" id="Zip_Zhvi_TopTier-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="Zip_MedianListingPricePerSqft_1Bedroom-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutHousePricesContent25}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                        </aside>
                        <div class="chart-div" id="Zip_MedianListingPricePerSqft_1Bedroom-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="Zip_MedianListingPricePerSqft_2Bedroom-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutHousePricesContent26}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                        </aside>
                        <div class="chart-div" id="Zip_MedianListingPricePerSqft_2Bedroom-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="Zip_MedianListingPricePerSqft_3Bedroom-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutHousePricesContent27}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                        </aside>
                        <div class="chart-div" id="Zip_MedianListingPricePerSqft_3Bedroom-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="Zip_MedianListingPricePerSqft_4Bedroom-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutHousePricesContent28}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                        </aside>
                        <div class="chart-div" id="Zip_MedianListingPricePerSqft_4Bedroom-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"
                 id="Zip_MedianListingPricePerSqft_5BedroomOrMore-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutHousePricesContent29}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                        </aside>
                        <div class="chart-div" id="Zip_MedianListingPricePerSqft_5BedroomOrMore-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="Zip_MedianListingPricePerSqft_AllHomes-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutHousePricesContent30}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                        </aside>
                        <div class="chart-div" id="Zip_MedianListingPricePerSqft_AllHomes-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="Zip_MedianListingPricePerSqft_CondoCoop-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutHousePricesContent31}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                        </aside>
                        <div class="chart-div" id="Zip_MedianListingPricePerSqft_CondoCoop-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"
                 id="Zip_MedianListingPricePerSqft_DuplexTriplex-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutHousePricesContent32}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                        </aside>
                        <div class="chart-div" id="Zip_MedianListingPricePerSqft_DuplexTriplex-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="Zip_MedianListingPricePerSqft_Sfr-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutHousePricesContent33}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                        </aside>
                        <div class="chart-div" id="Zip_MedianListingPricePerSqft_Sfr-chart"></div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>

<!--贷款概况-->
<div class="public-header-content echarts-box-public" id="MortgageSituation-chartBox">
    <div class="container">
        <header>
            <img th:src="@{/img/title-bg-img-left.jpg}"/>
            <span>[[#{AboutLoan}]]</span>
            <img th:src="@{/img/title-bg-img-right.jpg}"/>
        </header>
        <div class="content">
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="MortgageRateJumboFixed-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutLoanContent1}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                        </aside>
                        <div class="chart-div" id="MortgageRateJumboFixed-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="MortgageRateConventionalFixed-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutLoanContent2}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                        </aside>
                        <div class="chart-div" id="MortgageRateConventionalFixed-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"
                 id="Affordability_Wide_2018Q2_Public_Mortgage-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutLoanContent3}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                        </aside>
                        <div class="chart-div" id="Affordability_Wide_2018Q2_Public_Mortgage-chart"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!--市场概况-->
<div class="public-header-content echarts-box-public" id="MarketSituation-chartBox">
    <div class="container">
        <header>
            <img th:src="@{/img/title-bg-img-left.jpg}"/>
            <span>[[#{AboutMarket}]]</span>
            <img th:src="@{/img/title-bg-img-right.jpg}"/>
        </header>
        <div class="content">
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="Zip_PctOfHomesDecreasingInValues_AllHomes-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutMarketContent1}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                        </aside>
                        <div class="chart-div" id="Zip_PctOfHomesDecreasingInValues_AllHomes-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"
                 id="Zip_PctOfHomesIncreasingInValues_AllHomes-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutMarketContent2}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                        </aside>
                        <div class="chart-div" id="Zip_PctOfHomesIncreasingInValues_AllHomes-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"
                 id="Zip_PctOfListingsWithPriceReductions_AllHomes-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutMarketContent3}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                        </aside>
                        <div class="chart-div" id="Zip_PctOfListingsWithPriceReductions_AllHomes-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"
                 id="Zip_PctOfListingsWithPriceReductions_Condominum-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutMarketContent4}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                        </aside>
                        <div class="chart-div" id="Zip_PctOfListingsWithPriceReductions_Condominum-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"
                 id="Zip_PctOfListingsWithPriceReductions_SingleFamilyResidence-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutMarketContent5}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                        </aside>
                        <div class="chart-div"
                             id="Zip_PctOfListingsWithPriceReductions_SingleFamilyResidence-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="InventoryMeasure_SSA_Zip_Public-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutMarketContent6}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                        </aside>
                        <div class="chart-div" id="InventoryMeasure_SSA_Zip_Public-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="InventoryMeasure_Zip_Public-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutMarketContent7}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                        </aside>
                        <div class="chart-div" id="InventoryMeasure_Zip_Public-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="InventoryMeasure_Tiers_Metro_Public-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutMarketContent8}]]</header>
                    <div class="chartBox">
                        <div class="chart-div" id="InventoryMeasure_Metro-chart"></div>
                        <div class="chart-div" id="Tiers_Metro-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="Affordability_Wide_2018Q2_Public_Market-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutMarketContent9}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                        </aside>
                        <div class="chart-div" id="Affordability_Wide_2018Q2_Public_Market-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="Metro_NETiers_2017Q4-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutMarketContent10}]]</header>
                    <div class="chartBox" style="min-height: 100px;">
                        <aside>
                            <p>[[#{AboutMarketContent10_content1}]]：<i id="Metro_NETiers_2017Q4-bottom_tier_ne_pct"></i></p>
                            <p>[[#{AboutMarketContent10_content2}]]：<i id="Metro_NETiers_2017Q4-middle_tier_ne_pct"></i></p>
                            <p>[[#{AboutMarketContent10_content3}]]：<i id="Metro_NETiers_2017Q4-top_tier_ne_pct"></i></p>
                        </aside>
                        <aside class="instructions clearfix">
                            <p>[[#{AboutMarketContent10_content4}]]</p>
                        </aside>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="NegativeEquity_2017Q4_Public-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutMarketContent11}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                        </aside>
                        <div class="chart-div" id="NegativeEquity_2017Q4_Public-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="MonthlyTurnover_Zip-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutMarketContent12}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                        </aside>
                        <div class="chart-div" id="MonthlyTurnover_Zip-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="ForeclosuresPer10Khomes_Zip-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutMarketContent13}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                        </aside>
                        <div class="chart-div" id="ForeclosuresPer10Khomes_Zip-chart"></div>
                    </div>
                </div>
            </div>

            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12" id="BuyerSellerIndex-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutMarketContent14}]]</header>
                    <div class="chartBox" style="min-height: 361px;">
                        <aside>
                            <p>[[#{AboutMarketContent14_content1}]]：<i id="BuyerSellerIndex-pct_price_cut"></i></p>
                            <p>[[#{AboutMarketContent14_content2}]]：<i id="BuyerSellerIndex-days_on_market"></i></p>
                            <p>[[#{AboutMarketContent14_content3}]]：<i id="BuyerSellerIndex-buyer_seller_index"></i><span>[[#{AboutMarketContent14_content3_1}]]</span></p>
                            <p>[[#{AboutMarketContent14_content4}]]：<i id="BuyerSellerIndex-buyer_seller_index_metro"></i></p>
                        </aside>
                    </div>
                </div>
            </div>

            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12" id="MarketHealthIndex-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutMarketContent15}]]</header>
                    <div class="chartBox" style="min-height: 361px;">
                        <aside>
                            <p>[[#{AboutMarketContent15}]]：<i id="MarketHealthIndex-market_health_index"></i><span>[[#{AboutMarketContent15_content1}]]</span></p>
                            <p>[[#{AboutMarketContent15_content2}]]：<i id="MarketHealthIndex-sell_for_gain"></i></p>
                            <p>[[#{AboutMarketContent15_content3}]]：<i id="MarketHealthIndex-zhvi"></i></p>
                            <p>[[#{AboutMarketContent15_content4}]]：<i id="MarketHealthIndex-mom"></i></p>
                            <p>[[#{AboutMarketContent15_content5}]]：<i id="MarketHealthIndex-yoy"></i></p>
                            <p>[[#{AboutMarketContent15_content6}]]：<i id="MarketHealthIndex-forecast_yoy_pct_change"></i></p>
                            <p>[[#{AboutMarketContent15_content7}]]：<i id="MarketHealthIndex-days_on_market"></i></p>
                            <p>[[#{AboutMarketContent15_content8}]]：<i id="MarketHealthIndex-delinquency"></i></p>
                            <p>[[#{AboutMarketContent15_content9}]]：<i id="MarketHealthIndex-negative_equity"></i></p>
                        </aside>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>

<!--地区概况-->
<div class="public-header-content echarts-box-public" id="RegionSituation-chartBox">
    <div class="container">
        <header>
            <img th:src="@{/img/title-bg-img-left.jpg}"/>
            <span>[[#{AboutRegion}]]</span>
            <img th:src="@{/img/title-bg-img-right.jpg}"/>
        </header>
        <div class="content">
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="Affordability_Income_2018Q2-chart-box">
                <div class="inside">
                    <header><i class="iconfont icon-location"></i> [[#{AboutRegionContent1}]]</header>
                    <div class="chartBox">
                        <aside class="instructions clearfix">
                            <p class="chart-instructions"></p>
                        </aside>
                        <div class="chart-div" id="Affordability_Income_2018Q2-chart"></div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>


<!--地图——学区信息-->
<div class="public-header-content map-img-box school-district-map" id="school-district-map">
    <div class="container">
        <header>
            <img th:src="@{/img/title-bg-img-left.jpg}"/>
            <span>[[#{MapsSchoolInformation}]]</span>
            <img th:src="@{/img/title-bg-img-right.jpg}"/>
        </header>
        <div class="content">
            <div id="elementarySchool-map" style="margin: 0; padding: 0;">
                <div class="inside">
                    <header><i class="elementarySchool"></i> [[#{MapsSchoolInformationContent1}]]</header>
                    <div class="chartBox">
                        <div class="schoolDistrict-map" id="elementary-schoolDistrict-map-box">
                            <div class="inside-map" id="elementary-schoolDistrict-map"></div>
                        </div>
                        <h4 style="height: 100px;">[[#{MapsSchoolInformationContent1_noData}]]</h4>
                    </div>
                </div>
            </div>

            <div id="middleSchool-map" style="padding: 0;">
                <div class="inside">
                    <header><i class="middleSchool"></i> [[#{MapsSchoolInformationContent2}]]</header>
                    <div class="chartBox">
                        <div class="schoolDistrict-map" id="middle-schoolDistrict-map-box">
                            <div class="inside-map" id="middle-schoolDistrict-map"></div>
                        </div>
                        <h4 style="height: 100px;">[[#{MapsSchoolInformationContent2_noData}]]</h4>
                    </div>
                </div>
            </div>
            <div id="highSchool-map" style="padding: 0;">
                <div class="inside">
                    <header><i class="highSchool"></i> [[#{MapsSchoolInformationContent3}]]</header>
                    <div class="chartBox">
                        <div class="schoolDistrict-map" id="high-schoolDistrict-map-box">
                            <div class="inside-map" id="high-schoolDistrict-map"></div>
                        </div>
                        <h4 style="height: 100px;">[[#{MapsSchoolInformationContent3_noData}]]</h4>
                    </div>
                </div>
            </div>
            <div class="school-instructions">
                <p>[[#{SchoolInstructions1}]]</p>
                <p>[[#{SchoolInstructions2}]]</p>
            </div>
        </div>
    </div>
</div>

<!--地图——周边信息-->
<div class="public-header-content map-img-box POI-instructions-map" id="POIResult-box">
    <div class="container">
        <header>
            <img th:src="@{/img/title-bg-img-left.jpg}"/>
            <span>[[#{MapsSurroundingInformation}]]</span>
            <img th:src="@{/img/title-bg-img-right.jpg}"/>
        </header>
        <div class="content">
            <ul class="clearfix">
                <li><i class="yule"></i>[[#{MapsSurroundingInformation_content1}]]</li>
                <li><i class="qiche"></i>[[#{MapsSurroundingInformation_content2}]]</li>
                <li><i class="meirong"></i>[[#{MapsSurroundingInformation_content3}]]</li>
                <li><i class="jiaoyu"></i>[[#{MapsSurroundingInformation_content4}]]</li>
                <li><i class="fuwu"></i>[[#{MapsSurroundingInformation_content5}]]</li>

                <li><i class="jinrong"></i>[[#{MapsSurroundingInformation_content6}]]</li>
                <li><i class="shipin"></i>[[#{MapsSurroundingInformation_content7}]]</li>
                <li><i class="jiankang"></i>[[#{MapsSurroundingInformation_content8}]]</li>
                <li><i class="jiazheng"></i>[[#{MapsSurroundingInformation_content9}]]</li>
                <li><i class="jiudian"></i>[[#{MapsSurroundingInformation_content10}]]</li>

                <li><i class="bendishenghuo"></i>[[#{MapsSurroundingInformation_content11}]]</li>
                <li><i class="bendimeiti"></i>[[#{MapsSurroundingInformation_content12}]]</li>
                <li><i class="bendifuwu"></i>[[#{MapsSurroundingInformation_content13}]]</li>
                <li><i class="yeshenghuo"></i>[[#{MapsSurroundingInformation_content14}]]</li>
                <li><i class="chongwu"></i>[[#{MapsSurroundingInformation_content15}]]</li>

                <li><i class="zhuanyefuwu"></i>[[#{MapsSurroundingInformation_content16}]]</li>
                <li><i class="zhengfu"></i>[[#{MapsSurroundingInformation_content17}]]</li>
                <li><i class="fangdichan"></i>[[#{MapsSurroundingInformation_content18}]]</li>
                <li><i class="huwai"></i>[[#{MapsSurroundingInformation_content19}]]</li>
                <li><i class="zongjiao"></i>[[#{MapsSurroundingInformation_content20}]]</li>

                <li><i class="canguan"></i>[[#{MapsSurroundingInformation_content21}]]</li>
                <li><i class="gouwu"></i>[[#{MapsSurroundingInformation_content22}]]</li>
                <li><i class="lvyou"></i>[[#{MapsSurroundingInformation_content23}]]</li>
            </ul>
            <div class="map-POI-img-box">
                <div id="POI-map" style="width: 100%; height: 1000px;"></div>
            </div>
        </div>
    </div>
</div>

</body>


<!--同步引入-->
<script type='text/javascript'>
    document.write('<scr' + 'ipt src="/js/jquery.min.js"></scr' + 'ipt>');
</script>
<script type='text/javascript'>
    document.write('<scr' + 'ipt src="/js/echarts.common.min.js"></scr' + 'ipt>');
</script>
<!--货币格式化-->
<script type='text/javascript'>
    document.write('<scr' + 'ipt src="/js/accounting.min.js"></scr' + 'ipt>');
</script>
<!--全局公共方法和配置初始化-->
<script type='text/javascript'>
    document.write('<script src="/js/freePayReportPublic.js"><' + '/script>');
</script>

<!--mapbox地图-->
<script type='text/javascript'>
    document.write('<script src="https://api.mapbox.com/mapbox.js/v3.1.1/mapbox.js"><' + '/script>');
</script>

<script type="text/javascript" th:inline="javascript">
    //默认的图表颜色配置
    var charts_color = [
        '#82dfc2', '#40c3f9', '#ffbf53', '#fe5960', '#00bc7b',
        '#f963a0', '#c23531', '#2f4554', '#61a0a8', '#d48265',
        '#749f83', '#ca8622', '#bda29a', '#6e7074', '#546570',
        '#c4ccd3', '#cacbcc', '#003366', '#006699', '#4cabce',
        '#91c7ae', '#84c9ff'
    ];

    //判断中英文
    var languageType = (window.location.search.split('lang=')[1].split('&regionType=')[0]).toLowerCase();

    //判断地区级别：zip、city、metro
    var regionType = (window.location.search.split('regionType=')[1]).toLowerCase();

    // ----------------------------房源图片----------------------------
    var photos = [[${photos}]];
    houseImgFN(photos);

    //----------------------------基本信息----------------------------
    var HouseBasicInfo = [[${HouseBasicInfo}]];
    var newHouseBasicInfo = [];
    //全局图表判断使用
    var global_houseType = '';//房源类型
    var global_bedrooms = '';//卧室数量
    var global_originalType = '';//判断是否符合当前房源的类型（双拼或三拼），符合则展示，不符合则隐藏
    HouseBasicInfo.forEach(function(i) {
        if(i.key == '房屋类型' || i.key == 'type'){
            global_houseType = i.value;
        }
        if(i.key == '卧室数'){
            global_bedrooms = parseInt(i.value);
        }
        if(i.key == '房屋类型(原)'){
            global_originalType = i.value;
        }else{
            newHouseBasicInfo.push(i);
        }
    });
    basicInfoFN(newHouseBasicInfo);

    //----------------------------房源特征----------------------------
    characteristicsInfoFN([[${Characteristics}]]);

    //----------------------------学校信息----------------------------
    schoolFN([[${school}]]);

    //----------------------------此房源价格与附近均价对比——柱状图----------------------------
    var HPMSPRRData = [[${HousePriceMedianSalesPriceRatioResult}]];
    if (HPMSPRRData) {
        if (HPMSPRRData.medianSalesPrice || HPMSPRRData.price || HPMSPRRData.ratio) {
            $('#thisPrice-chart-box').find('h5').hide();
            $('#thisPrice-chart').show();
            if (HPMSPRRData.ratio == '' || HPMSPRRData.ratio == null || HPMSPRRData.ratio == 0) {
                $('#thisPrice-chart-box').find('p').hide();
            } else {
                var thisPrice_chart_box_title;
                if(languageType == 'zh_cn'){
                    thisPrice_chart_box_title = '此房源价格约为附近均价的';
                    $('.chart-instructions').text('图表上的圆形标注点为历史数据最大值及最小值。');
                }else if(languageType == 'en'){
                    thisPrice_chart_box_title = 'The price of this house is about the average price in the vicinity ';
                    $('.chart-instructions').text('The circular label points on the chart are the maximum and minimum values of historical data.');
                }

                $('#thisPrice-chart-box').find('p').show().text(thisPrice_chart_box_title + (accounting.formatMoney(HPMSPRRData.ratio * 100, "", 2, "", ".", "%s%v") + '%，') + is_below_above(accounting.formatMoney(HPMSPRRData.ratio * 100, "", 2, "", ".", "%s%v")));
            }

            //判断高于或低于附近均价
            function is_below_above(data) {
                val = '';
                if (data > 100) {
                    if(languageType == 'zh_cn'){
                        val = '高于附近均价。';
                    }else if(languageType == 'en'){
                        val = 'Above the average price nearby.';
                    }
                } else {
                    if(languageType == 'zh_cn'){
                        val = '低于附近均价。';
                    }else if(languageType == 'en'){
                        val = 'Below the average price nearby.';
                    }
                }
                return val;
            }

            var seriesData = [
                {
                    value: Math.round(HPMSPRRData.price),
                    itemStyle: {
                        color: '#40c3f9'
                    }
                },
                {
                    value: Math.round(HPMSPRRData.medianSalesPrice),
                    itemStyle: {
                        color: '#ffbf53'
                    }
                }
            ];
            if(languageType == 'zh_cn'){
                houseData_bar_charts('thisPrice-chart', ["此房源价格", "附近均价"], seriesData);
            }else if(languageType == 'en'){
                houseData_bar_charts('thisPrice-chart', ["The price of this house", "Average near"], seriesData);
            }
        } else {
            $('#thisPrice-chart-box').find('h5').show();
            $('#thisPrice-chart').hide();
            $('#thisPrice-chart-box').find('p').hide();
        }
    } else {
        $('#thisPrice-chart-box').find('h5').show();
        $('#thisPrice-chart').hide();
        $('#thisPrice-chart-box').find('p').hide();
    }

    //----------------------------此房源每平方英尺价格与附近均价对比——柱状图----------------------------
    var HPMSPRSQRData = [[${HousePriceMedianSalesPriceRatioSQFTResult}]];
    if (HPMSPRSQRData) {
        if (HPMSPRSQRData.medianSalesPrice || HPMSPRSQRData.price || HPMSPRSQRData.ratio) {
            $('#thisAveragePriceSqft-chart-box').find('h5').hide();
            $('#thisAveragePriceSqft-chart').show();
            if (HPMSPRSQRData.ratio == '' || HPMSPRSQRData.ratio == null || HPMSPRSQRData.ratio == 0) {
                $('#thisAveragePriceSqft-chart-box').find('p').hide();
            } else {
                var thisAveragePriceSqft_chart_box_title;
                if(languageType == 'zh_cn'){
                    thisAveragePriceSqft_chart_box_title = '此房源每平方英尺价格约为附近均价的';
                }else if(languageType == 'en'){
                    thisAveragePriceSqft_chart_box_title = 'The price per square foot is about the average price in the neighborhood ';
                }

                $('#thisAveragePriceSqft-chart-box').find('p').show().text(thisAveragePriceSqft_chart_box_title + (accounting.formatMoney(HPMSPRSQRData.ratio * 100, "", 2, "", ".", "%s%v") + '%。'));
            }
            var seriesData = [
                {
                    value: HPMSPRSQRData.price,
                    itemStyle: {
                        color: '#40c3f9'
                    }
                },
                {
                    value: HPMSPRSQRData.medianSalesPrice,
                    itemStyle: {
                        color: '#ffbf53'
                    }
                }
            ];
            if(languageType == 'zh_cn'){
                houseData_bar_charts('thisAveragePriceSqft-chart', ["此房源价格", "附近均价"], seriesData);

            }else if(languageType == 'en'){
                houseData_bar_charts('thisAveragePriceSqft-chart', ["The price of this house", "Average near"], seriesData);
            }
        } else {
            $('#thisAveragePriceSqft-chart-box').find('h5').show();
            $('#thisAveragePriceSqft-chart').hide();
            $('#thisAveragePriceSqft-chart-box').find('p').hide();
        }
    } else {
        $('#thisAveragePriceSqft-chart-box').find('h5').show();
        $('#thisAveragePriceSqft-chart').hide();
        $('#thisAveragePriceSqft-chart-box').find('p').hide();
    }

    //----------------------------此房源明年房价预测——柱状图----------------------------
    var PriceForecastResultData = [[${priceForecastResult}]];
    if (PriceForecastResultData) {
        if (PriceForecastResultData.current_price || PriceForecastResultData.forecast_price || PriceForecastResultData.rise) {
            $('#currentHomeValueForecast-chart-box').find('h5').hide();
            $('#currentHomeValueForecast-chart').show();
            if (PriceForecastResultData.forecast_price == '' || PriceForecastResultData.forecast_price == null || PriceForecastResultData.forecast_price == 0) {
                $('#currentHomeValueForecast-chart-box').find('p').hide();
            } else {
                var currentHomeValueForecast_chart_box_title1;
                var currentHomeValueForecast_chart_box_title2;
                if(languageType == 'zh_cn'){
                    currentHomeValueForecast_chart_box_title1 = '优房数据预计明年此房源价格为';
                    currentHomeValueForecast_chart_box_title2 = '相对今年涨幅为';
                }else if(languageType == 'en'){
                    currentHomeValueForecast_chart_box_title1 = 'YFSJ It is expected that the prices of houses for next year ';
                    currentHomeValueForecast_chart_box_title2 = 'Relative to this year\'s increase ';
                }

                $('#currentHomeValueForecast-chart-box').find('p').show().text(currentHomeValueForecast_chart_box_title1 + (accounting.formatMoney(PriceForecastResultData.forecast_price, "$", 0)) + '，'+ currentHomeValueForecast_chart_box_title2 + (accounting.formatMoney(PriceForecastResultData.rise, "", 2, "", ".", "%s%v")) + '%。');
            }
            var seriesData = [
                {
                    value: Math.round(PriceForecastResultData.current_price),
                    itemStyle: {
                        color: '#40c3f9'
                    }
                },
                {
                    value: Math.round(PriceForecastResultData.forecast_price),
                    itemStyle: {
                        color: '#ffbf53'
                    }
                }
            ];
            if(languageType == 'zh_cn'){
                houseData_bar_charts('currentHomeValueForecast-chart', ["今年价格", "明年价格"], seriesData);
            }else if(languageType == 'en'){
                houseData_bar_charts('currentHomeValueForecast-chart', ["This year the price", "Next year the price"], seriesData);
            }
        } else {
            $('#currentHomeValueForecast-chart-box').find('h5').show();
            $('#currentHomeValueForecast-chart').hide();
            $('#currentHomeValueForecast-chart-box').find('p').hide();
        }
    } else {
        $('#currentHomeValueForecast-chart-box').find('h5').show();
        $('#currentHomeValueForecast-chart').hide();
        $('#currentHomeValueForecast-chart-box').find('p').hide();
    }

    //----------------------------本区域明年均价预测——柱状图----------------------------
    var priceForecastZipResultData = [[${priceForecastZipResult}]];
    if (priceForecastZipResultData) {
        if (priceForecastZipResultData.current_price || priceForecastZipResultData.forecast_price || priceForecastZipResultData.rise) {
            $('#currentZipcodeValueForecast-chart-box').find('h5').hide();
            $('#currentZipcodeValueForecast-chart').show();
            if (priceForecastZipResultData.forecast_price == '' || priceForecastZipResultData.forecast_price == null || priceForecastZipResultData.forecast_price == 0) {
                $('#currentZipcodeValueForecast-chart-box').find('p').hide();
            } else {
                var currentZipcodeValueForecast_chart_box_title1;
                var currentZipcodeValueForecast_chart_box_title2;
                if(languageType == 'zh_cn'){
                    currentZipcodeValueForecast_chart_box_title1 = '优房数据预计明年本区域均价为';
                    currentZipcodeValueForecast_chart_box_title2 = '相对今年涨幅为';
                }else if(languageType == 'en'){
                    currentZipcodeValueForecast_chart_box_title1 = 'YFSJ It is expected that the prices of this zipcode for next year ';
                    currentZipcodeValueForecast_chart_box_title2 = 'Relative to this year\'s increase ';
                }

                $('#currentZipcodeValueForecast-chart-box').find('p').show().text(currentZipcodeValueForecast_chart_box_title1 + (accounting.formatMoney(priceForecastZipResultData.forecast_price, "$", 0)) + '，' + currentZipcodeValueForecast_chart_box_title2 + (accounting.formatMoney(priceForecastZipResultData.rise, "", 2, "", ".", "%s%v")) + '%。');
            }
            var seriesData = [
                {
                    value: Math.round(priceForecastZipResultData.current_price),
                    itemStyle: {
                        color: '#40c3f9'
                    }
                },
                {
                    value: Math.round(priceForecastZipResultData.forecast_price),
                    itemStyle: {
                        color: '#ffbf53'
                    }
                }
            ];
            if(languageType == 'zh_cn'){
                houseData_bar_charts('currentZipcodeValueForecast-chart', ["今年价格", "明年价格"], seriesData);
            }else if(languageType == 'en'){
                houseData_bar_charts('currentZipcodeValueForecast-chart', ["This year the price", "Next year the price"], seriesData);
            }
        } else {
            $('#currentZipcodeValueForecast-chart-box').find('h5').show();
            $('#currentZipcodeValueForecast-chart').hide();
            $('#currentZipcodeValueForecast-chart-box').find('p').hide();
        }
    } else {
        $('#currentZipcodeValueForecast-chart-box').find('h5').show();
        $('#currentZipcodeValueForecast-chart').hide();
        $('#currentZipcodeValueForecast-chart-box').find('p').hide();
    }

    //----------------------------本区域通勤指数——饼图----------------------------
    var CommuteIndexData = [[${CommuteIndex}]];
    if (CommuteIndexData) {
        if (CommuteIndexData.bike || CommuteIndexData.car || CommuteIndexData.foot || CommuteIndexData.transit) {
            $('#Commuteindex-chart-box').show();
            var Commuteindex_seriesData = [
                {
                    value: CommuteIndexData.bike,
                    name: languageType == 'zh_cn' ? '骑车' : 'Cycling',
                },
                {
                    value: CommuteIndexData.car,
                    name: languageType == 'zh_cn' ? '驾车' : 'Drive',
                },
                {
                    value: CommuteIndexData.foot,
                    name: languageType == 'zh_cn' ? '步行' : 'Walk',
                },
                {
                    value: CommuteIndexData.transit,
                    name: languageType == 'zh_cn' ? '公交' : 'Bus',
                }
            ];
            var Commuteindex_seriesLabel = {
                formatter: '{b}：{d}%'
            };
            HJData_pie_charts('Commuteindex-chart', '', Commuteindex_seriesData, Commuteindex_seriesLabel, charts_color);
        } else {
            $('#Commuteindex-chart-box').hide();
        }
    } else {
        $('#Commuteindex-chart-box').hide();
    }

    //----------------------------购房指数——文字说明----------------------------
    var AffordabilityResultData = [[${affordabilityResult}]];
    if (AffordabilityResultData) {
        if (AffordabilityResultData.mortgage_affordability || AffordabilityResultData.price_to_income || AffordabilityResultData.rent_affordability) {
            $('#Affordability-box').show();
            var AffordabilityResultData_price_to_income = AffordabilityResultData.price_to_income ? accounting.formatMoney(AffordabilityResultData.price_to_income, "", 2) : '-';
            var AffordabilityResultData_mortgage_affordability = AffordabilityResultData.mortgage_affordability ? accounting.formatMoney(AffordabilityResultData.mortgage_affordability * 100, "", 2) : '-';
            var AffordabilityResultData_rent_affordability = AffordabilityResultData.rent_affordability ? accounting.formatMoney(AffordabilityResultData.rent_affordability * 100, "", 2) : '-';

            var Affordability1_title;
            var Affordability2_title;
            var Affordability3_title;
            if(languageType == 'zh_cn'){
                Affordability1_title = '在此地区购房，需要花费'+ AffordabilityResultData_price_to_income +'年家庭收入。';
                Affordability2_title = '如果在此区域购房，每个月负担的贷款需要花费'+ AffordabilityResultData_mortgage_affordability +'%的家庭月收入。';
                Affordability3_title = '如果在此区域租房，租金花费约占用家庭月收入的 ' + AffordabilityResultData_rent_affordability + '%。';
            }else if(languageType == 'en'){
                Affordability1_title = 'Buying a home in this area，It takes '+ AffordabilityResultData_price_to_income +' years of household income.';
                Affordability2_title = 'If you buy a home in this area，Each monthly mortgage payment costs '+ AffordabilityResultData_mortgage_affordability +'% of a family\'s monthly income.';
                Affordability3_title = 'If you buy a home in this area，Rent costs take up about '+ AffordabilityResultData_rent_affordability +'% of a family\'s monthly income.';
            }

            $('#Affordability1').text(Affordability1_title);
            $('#Affordability2').text(Affordability2_title);
            $('#Affordability3').text(Affordability3_title)
        } else {
            $('#Affordability-box').hide();
        }
    } else {
        $('#Affordability-box').hide();
    }

    //----------------------------本区域房租走势——折线图----------------------------
    var RentTrendResultData = [[${RentTrendResult}]];
    if (RentTrendResultData && RentTrendResultData.length > 0) {
        $('#rent-chart-box').show();
        zilData_line_charts('rent-chart', RentTrendResultData, 'Sqft', '2', ['#82dfc2']);
    } else {
        $('#rent-chart-box').hide();
    }

    //----------------------------本区域房价环比增长率——折线图----------------------------
    var momData = [[${mom}]];
    if (momData && momData.length > 0) {
        $('#mom-chart-box').show();
        if(languageType == 'zh_cn'){
            $('#mom-chart-box-instructions').text('图表上环比增长率在0%以上代表此地区房价相比上月上涨，在0%以下代表下跌。连续在0%以上代表此地区房价上涨趋势极其良好，连续在0%以下代表房价连续下降。');
        }else if(languageType == 'en'){
            $('#mom-chart-box-instructions').text('On the chart, a month-on-month growth rate of more than 0% represents a rise in housing prices in the region compared with the previous month, while a growth rate of less than 0% represents a decline. A continuous increase of more than 0% represents a very good trend of housing price rise in this region, and a continuous decrease of less than 0% represents a continuous decline of housing price.');
        }

        Large_scale_area_charts('mom-chart', momData, false);
    } else {
        $('#mom-chart-box').hide();
    }

    //----------------------------本区域房价同比增长率——折线图----------------------------
    var yoyData = [[${yoy}]];
    if (yoyData && yoyData.length > 0) {
        $('#yoy-chart-box').show();
        if(languageType == 'zh_cn'){
            $('#yoy-chart-box-instructions').text('图表上同比增长率在0%以上代表此地区房价相比去年为上涨，在0%以下代表下跌。连续在0%以上代表此地区房价连年上涨，连续在0%以下代表房价连年下跌。');
        }else if(languageType == 'en'){
            $('#yoy-chart-box-instructions').text('On the chart, a year-on-year growth rate of more than 0% represents an increase in housing prices in the region compared with last year, while a growth rate of less than 0% represents a decline. More than 0% in a row represents the annual rise in housing prices in this area, and less than 0% represents the annual decline in housing prices.');
        }

        Large_scale_area_charts('yoy-chart', yoyData, false);
    } else {
        $('#yoy-chart-box').hide();
    }

    //----------------------------本区域1~5居室户型的房价变化走势——折线图----------------------------
    var Zip_Zhvi_1bedroomData = [[${Zip_Zhvi_1bedroom}]];
    var Zip_Zhvi_2bedroomData = [[${Zip_Zhvi_2bedroom}]];
    var Zip_Zhvi_3bedroomData = [[${Zip_Zhvi_3bedroom}]];
    var Zip_Zhvi_4bedroomData = [[${Zip_Zhvi_4bedroom}]];
    var Zip_Zhvi_5BedroomOrMoreData = [[${Zip_Zhvi_5BedroomOrMore}]];
    if (Zip_Zhvi_1bedroomData || Zip_Zhvi_2bedroomData || Zip_Zhvi_3bedroomData || Zip_Zhvi_4bedroomData || Zip_Zhvi_5BedroomOrMoreData) {
        if (Zip_Zhvi_1bedroomData.length > 0 || Zip_Zhvi_2bedroomData.length > 0 || Zip_Zhvi_3bedroomData.length > 0
            || Zip_Zhvi_4bedroomData.length > 0 || Zip_Zhvi_5BedroomOrMoreData.length > 0) {
            $('#one-five-beds-housePrice-box').show();
            get_one_five_beds(Zip_Zhvi_1bedroomData, Zip_Zhvi_2bedroomData, Zip_Zhvi_3bedroomData, Zip_Zhvi_4bedroomData, Zip_Zhvi_5BedroomOrMoreData);
        } else {
            $('#one-five-beds-housePrice-box').hide();
        }
    } else {
        $('#one-five-beds-housePrice-box').hide();
    }

    //----------------------------独栋别墅与产权公寓的房价变化对比——折线图----------------------------
    var SFRRentTrendResultData = [[${SFRRentTrendResult}]];
    var CondoRentTrendResultData = [[${CondoRentTrendResult}]];
    if (SFRRentTrendResultData.length > 0 || CondoRentTrendResultData.length > 0) {
        $('#SFR-Condo-box').show();

        if(languageType == 'zh_cn'){
            get_SFR_Condo(SFRRentTrendResultData, CondoRentTrendResultData, ['独栋别墅', '公寓']);
        }else if(languageType == 'en'){
            get_SFR_Condo(SFRRentTrendResultData, CondoRentTrendResultData, ['Single Family Residence', 'Condo']);
        }
    } else {
        $('#SFR-Condo-box').hide();
    }

    //----------------------------本区域房价/租金关系——折线图----------------------------
    var HousePriceResultData = [[${HousePriceResult}]];
    var RentResultData = [[${RentResult}]];
    var RentRewardsResultData = [[${RentRewardsResult}]];
    if (HousePriceResultData.length > 0 || RentResultData.length > 0 || RentRewardsResultData.length > 0) {
        $('#price-rent-box').show();

        if(languageType == 'zh_cn'){
            get_price_rent_rewards(HousePriceResultData, RentResultData, RentRewardsResultData, ['房价', '租金', '租金回报']);
        }else if(languageType == 'en'){
            get_price_rent_rewards(HousePriceResultData, RentResultData, RentRewardsResultData, ['Price', 'Rent', 'RentReturn']);
        }
    } else {
        $('#price-rent-box').hide();
    }

    //----------------------------本州与全美房价变化对比——折线图----------------------------
    var StateHousePriceResultData = [[${StateHousePriceResult}]];
    var USHousePriceResultData = [[${USHousePriceResult}]];
    if (StateHousePriceResultData.length > 0 || USHousePriceResultData.length > 0) {
        $('#state-US-price-box').show();
        if(languageType == 'zh_cn'){
            get_state_US_price(StateHousePriceResultData, USHousePriceResultData, ['本州', '全美']);
        }else if(languageType == 'en'){
            get_state_US_price(StateHousePriceResultData, USHousePriceResultData, ['States', 'US']);
        }
    } else {
        $('#state-US-price-box').hide();
    }


    //----------------------------------------HJ数据图表——年龄统计——柱状图、饼图----------------------------------------
    var populationAgeResultData = [[${PopulationAgeResult.zip}]];
    if (populationAgeResultData) {
        if (populationAgeResultData.age || populationAgeResultData.gender || populationAgeResultData.median || populationAgeResultData.race) {
            $('#age-chart-box').show();

            var ageStr = '';
            if(languageType == 'zh_cn'){
                ageStr = ' 岁';
            }else if(languageType == 'en'){
                ageStr = ' years old';
            }

            var raceAverageAge_seriesData = [
                populationAgeResultData.race.asian,
                populationAgeResultData.race.black,
                populationAgeResultData.race.white,
                populationAgeResultData.race.hispanic,
                populationAgeResultData.gender.female,
                populationAgeResultData.gender.male,
                populationAgeResultData.median
            ];
            var raceAverageAge_seriesLabel = {
                show: true,//柱子上边显示文字标签
                position: 'top',
                formatter: function (param) {
                    return param.value + ageStr;
                },
                offset: [0, -5],
                textStyle: {
                    fontSize: 16,
                    color: '#000',
                    fontWeight: 'bold'
                }
            };

            //----------------------------hj数据——年龄统计——种族人口平均年龄——柱状图----------------------------
            if(languageType == 'zh_cn'){
                HJData_bar_charts('raceAverageAge-chart', '种族人口平均年龄', ["亚裔", "黑人", "白人", "拉美裔", "女性", "男性", "中位数"], raceAverageAge_seriesData, raceAverageAge_seriesLabel, charts_color);
            }else if(languageType == 'en'){
                HJData_bar_charts('raceAverageAge-chart', 'Average age of racial population', ["asian", "black", "white", "hispanic", "female", "male", "median"], raceAverageAge_seriesData, raceAverageAge_seriesLabel, charts_color);
            }

            var populationProportion_seriesData = [
                {
                    value: populationAgeResultData.age.y0_5,
                    name: '0~5'+ ageStr,
                },
                {
                    value: populationAgeResultData.age.y6_11,
                    name: '6~11'+ ageStr,
                },
                {
                    value: populationAgeResultData.age.y12_17,
                    name: '12~17'+ ageStr,
                },
                {
                    value: populationAgeResultData.age.y18_24,
                    name: '18~24'+ ageStr,
                },
                {
                    value: populationAgeResultData.age.y25_34,
                    name: '25~34'+ ageStr,
                },
                {
                    value: populationAgeResultData.age.y35_44,
                    name: '35~44'+ ageStr,
                },
                {
                    value: populationAgeResultData.age.y45_54,
                    name: '45~54'+ ageStr,
                },
                {
                    value: populationAgeResultData.age.y55_64,
                    name: '55~64'+ ageStr,
                },
                {
                    value: populationAgeResultData.age.y65_74,
                    name: '65~74'+ ageStr,
                },
                {
                    value: populationAgeResultData.age.y75_84,
                    name: '75~84'+ ageStr,
                },
                {
                    value: populationAgeResultData.age.y85_up,
                    name: languageType == 'zh_cn' ? '85岁以上' : 'Over 85'+ ageStr,
                }
            ];
            var populationProportion_seriesLabel = {
                formatter: '{b}：{c}%'
            };
            //----------------------------hj数据——年龄统计——人口年龄比例——饼图----------------------------
            if(languageType == 'zh_cn'){
                HJData_pie_charts('populationProportion-chart', '人口年龄比例', populationProportion_seriesData, populationProportion_seriesLabel, charts_color);
            }else if(languageType == 'en'){
                HJData_pie_charts('populationProportion-chart', 'Age Ratio', populationProportion_seriesData, populationProportion_seriesLabel, charts_color);
            }
        } else {
            $('#age-chart-box').hide();
        }
    } else {
        $('#age-chart-box').hide();
    }

    //----------------------------hj数据——面积比例——饼图----------------------------
    var AreaResultData = [[${AreaResult.state}]];
    if (AreaResultData) {
        if (AreaResultData.land || AreaResultData.water || AreaResultData.total) {
            $('#area-chart-box').show();
            var area_seriesData = [
                {
                    value: AreaResultData.land,
                    name: languageType == 'zh_cn' ? '陆地' : 'Land',
                },
                {
                    value: AreaResultData.water,
                    name: languageType == 'zh_cn' ? '水域' : 'Water',
                },
            ];
            var area_seriesLabel = {};
            if(languageType == 'zh_cn'){
                area_seriesLabel = {
                    formatter: '{b}：{c} 平方英里'
                };
            }else if(languageType == 'en'){
                area_seriesLabel = {
                    formatter: '{b}：{c} Square Miles'
                };
            }
            //----------------------------hj数据——面积比例——饼图----------------------------
            if(languageType == 'zh_cn'){
                HJData_pie_charts('area-chart', '总面积：' + AreaResultData.total + ' 平方英里', area_seriesData, area_seriesLabel, charts_color);
            }else if(languageType == 'en'){
                HJData_pie_charts('area-chart', 'Total：' + AreaResultData.total + ' Square Miles', area_seriesData, area_seriesLabel, charts_color);
            }
        } else {
            $('#area-chart-box').hide();
        }
    } else {
        $('#area-chart-box').hide();
    }

    //----------------------------hj数据——教育比例——饼图----------------------------
    var EducationResultData = [[${EducationResult.zip}]];
    if (EducationResultData) {
        if (EducationResultData.highschool || EducationResultData.associate || EducationResultData.bachelor || EducationResultData.graduate) {
            $('#Education-chart-box').show();

            var highschool = accounting.formatMoney(EducationResultData.highschool, "", 2);
            var associate = accounting.formatMoney(EducationResultData.associate, "", 2);
            var bachelor = accounting.formatMoney(EducationResultData.bachelor, "", 2);
            var graduate = accounting.formatMoney(EducationResultData.graduate, "", 2);
            var other = 100 - highschool - associate - bachelor - graduate;

            var Education_seriesData = [
                {
                    value: highschool,
                    name: languageType == 'zh_cn' ? '高中' : 'Highschool',
                },
                {
                    value: associate,
                    name: languageType == 'zh_cn' ? '专科' : 'Associate',
                },
                {
                    value: bachelor,
                    name: languageType == 'zh_cn' ? '本科' : 'Bachelor',
                },
                {
                    value: graduate,
                    name: languageType == 'zh_cn' ? '研究生' : 'Graduate',
                },
                {
                    value: accounting.formatMoney(other, "", 2),
                    name: languageType == 'zh_cn' ? '其他' : 'Other',
                }
            ];
            var Education_seriesLabel = {
                formatter: '{b}：{c}%'
            };
            //----------------------------hj数据——教育比例——饼图----------------------------
            HJData_pie_charts('Education-chart', '', Education_seriesData, Education_seriesLabel, charts_color);
        } else {
            $('#Education-chart-box').hide();
        }
    } else {
        $('#Education-chart-box').hide();
    }

    //----------------------------hj数据——性别比例——饼图----------------------------
    var GenderResultData = [[${GenderResult.zip}]];
    if (GenderResultData) {
        if (GenderResultData.male || GenderResultData.female) {
            $('#gender-chart-box').show();
            var gender_seriesData = [
                {
                    value: GenderResultData.male,
                    name: languageType == 'zh_cn' ? '男性' : 'Male',
                },
                {
                    value: GenderResultData.female,
                    name: languageType == 'zh_cn' ? '女性' : 'Female',
                }
            ];
            var gender_seriesLabel = {
                formatter: '{b}：{c}%'
            };
            //----------------------------hj数据——性别比例——饼图----------------------------
            HJData_pie_charts('gender-chart', '', gender_seriesData, gender_seriesLabel, charts_color);
        } else {
            $('#gender-chart-box').hide();
        }
    } else {
        $('#gender-chart-box').hide();
    }

    //----------------------------hj数据——就业比例——饼图----------------------------
    var EmploymentResultData = [[${EmploymentResult.zip}]];
    if (EmploymentResultData) {
        if (EmploymentResultData.accommodations || EmploymentResultData.administration || EmploymentResultData.agriculture || EmploymentResultData.arts
            || EmploymentResultData.construction || EmploymentResultData.education || EmploymentResultData.finance || EmploymentResultData.government
            || EmploymentResultData.healthcare || EmploymentResultData.management || EmploymentResultData.manufacturing || EmploymentResultData.mining
            || EmploymentResultData.other || EmploymentResultData.professional || EmploymentResultData.realestate || EmploymentResultData.retail
            || EmploymentResultData.technology || EmploymentResultData.transportation || EmploymentResultData.utilities || EmploymentResultData.wholesale) {
            $('#Employment-chart-box').show();
            var Employment_seriesData = [
                {
                    value: EmploymentResultData.accommodations,
                    name: languageType == 'zh_cn' ? '住宿' : 'Accommodations',
                },
                {
                    value: EmploymentResultData.administration,
                    name: languageType == 'zh_cn' ? '行政机构' : 'Administration',
                },
                {
                    value: EmploymentResultData.agriculture,
                    name: languageType == 'zh_cn' ? '农业' : 'Agriculture',
                },
                {
                    value: EmploymentResultData.arts,
                    name: languageType == 'zh_cn' ? '艺术' : 'Arts',
                },
                {
                    value: EmploymentResultData.construction,
                    name: languageType == 'zh_cn' ? '建设' : 'Construction',
                },
                {
                    value: EmploymentResultData.education,
                    name: languageType == 'zh_cn' ? '教育' : 'Education',
                },
                {
                    value: EmploymentResultData.finance,
                    name: languageType == 'zh_cn' ? '金融' : 'Finance',
                },
                {
                    value: EmploymentResultData.government,
                    name: languageType == 'zh_cn' ? '政府' : 'Government',
                },
                {
                    value: EmploymentResultData.healthcare,
                    name: languageType == 'zh_cn' ? '医疗卫生' : 'Healthcare',
                },
                {
                    value: EmploymentResultData.management,
                    name: languageType == 'zh_cn' ? '管理部门' : 'Management',
                },
                {
                    value: EmploymentResultData.manufacturing,
                    name: languageType == 'zh_cn' ? '制造业' : 'Manufacturing',
                },
                {
                    value: EmploymentResultData.mining,
                    name: languageType == 'zh_cn' ? '矿业' : 'Mining',
                },
                {
                    value: EmploymentResultData.other,
                    name: languageType == 'zh_cn' ? '其他' : 'Other',
                },
                {
                    value: EmploymentResultData.professional,
                    name: languageType == 'zh_cn' ? '专业人员' : 'Professional',
                },
                {
                    value: EmploymentResultData.realestate,
                    name: languageType == 'zh_cn' ? '房地产' : 'Realestate',
                },
                {
                    value: EmploymentResultData.retail,
                    name: languageType == 'zh_cn' ? '零售' : 'Retail',
                },
                {
                    value: EmploymentResultData.technology,
                    name: languageType == 'zh_cn' ? '技术' : 'Technology',
                },
                {
                    value: EmploymentResultData.transportation,
                    name: languageType == 'zh_cn' ? '运输' : 'Transportation',
                },
                {
                    value: EmploymentResultData.utilities,
                    name: languageType == 'zh_cn' ? '公共事业' : 'Utilities',
                },
                {
                    value: EmploymentResultData.wholesale,
                    name: languageType == 'zh_cn' ? '批发' : 'Wholesale',
                },
            ];
            var Employment_seriesLabel = {
                formatter: '{b}：{c}%'
            };
            //----------------------------hj数据——就业比例——饼图----------------------------
            HJData_pie_charts('Employment-chart', '', Employment_seriesData, Employment_seriesLabel, charts_color);
        } else {
            $('#Employment-chart-box').hide();
        }
    } else {
        $('#Employment-chart-box').hide();
    }

    //----------------------------hj数据——生活成本指数——柱状图----------------------------
    var CostsResultData = [[${CostsResult.zip}]];
    if (CostsResultData) {
        if (CostsResultData.apparel || CostsResultData.education || CostsResultData.entertainment || CostsResultData.food
            || CostsResultData.healthcare || CostsResultData.housing || CostsResultData.transportation || CostsResultData.utilities
            || CostsResultData.overall) {
            $('#livingCost-chart-box').show();
            var livingCost_seriesData = [
                {
                    value: CostsResultData.apparel,
                },
                {
                    value: CostsResultData.education,
                },
                {
                    value: CostsResultData.entertainment,
                },
                {
                    value: CostsResultData.food,
                },
                {
                    value: CostsResultData.healthcare,
                },
                {
                    value: CostsResultData.housing,
                },
                {
                    value: CostsResultData.transportation,
                },
                {
                    value: CostsResultData.utilities,
                },
                {
                    value: CostsResultData.overall,
                },
                {
                    value: 100,
                    itemStyle: {
                        color: '#cacbcc'
                    }
                }
            ];
            var livingCost_seriesLabel = {
                show: true,//柱子上边显示文字标签
                position: 'top',
                formatter: function (param) {
                    return param.value;
                },
                offset: [0, -5],
                textStyle: {
                    fontSize: 16,
                    color: '#000',
                    fontWeight: 'bold'
                }
            };
            //----------------------------hj数据——生活成本——柱状图----------------------------
            if(languageType == 'zh_cn'){
                $('#livingCost-chart-box-instructions').text('注: 价格指数全美平均值是100。如果该指数高于100则意味着该商品的价格高于全国平均水平。相应的，如果低于100则意味着该商品价格低于全国平均水平。');
                HJData_bar_charts('livingCost-chart', '', ["服装", "教育", "娱乐", "饮食", "医疗保健", "住房", "交通运输", "公共事业", "整体", "全美平均值"], livingCost_seriesData, livingCost_seriesLabel, charts_color);
            }else if(languageType == 'en'){
                //需要俞总翻译的
                $('#livingCost-chart-box-instructions').text('注: 价格指数全美平均值是100。如果该指数高于100则意味着该商品的价格高于全国平均水平。相应的，如果低于100则意味着该商品价格低于全国平均水平。');
                HJData_bar_charts('livingCost-chart', '', ["Apparel", "Education", "Entertainment", "Food", "Healthcare", "Housing", "Transportation", "Utilities", "Overall", "National Average"], livingCost_seriesData, livingCost_seriesLabel, charts_color);
            }
        } else {
            $('#livingCost-chart-box').hide();
        }
    } else {
        $('#livingCost-chart-box').hide();
    }


    //----------------------------hj数据——犯罪指数——柱状图----------------------------
    var CrimeResultData = [[${CrimeResult.zip}]];
    if (CrimeResultData) {
        if (CrimeResultData.assault || CrimeResultData.burglary || CrimeResultData.larceny || CrimeResultData.murder
            || CrimeResultData.rape || CrimeResultData.robbery || CrimeResultData.vehicle || CrimeResultData.overall) {
            $('#crime-chart-box').show();
            var crime_seriesData = [
                {
                    value: CrimeResultData.assault,
                },
                {
                    value: CrimeResultData.burglary,
                },
                {
                    value: CrimeResultData.larceny,
                },
                {
                    value: CrimeResultData.murder,
                },
                {
                    value: CrimeResultData.rape,
                },
                {
                    value: CrimeResultData.robbery,
                },
                {
                    value: CrimeResultData.vehicle,
                },
                {
                    value: CrimeResultData.overall,
                },
                {
                    value: 100,
                    itemStyle: {
                        color: '#cacbcc'
                    }
                }
            ];
            var crime_seriesLabel = {
                show: true,//柱子上边显示文字标签
                position: 'top',
                formatter: function (param) {
                    return param.value;
                },
                offset: [0, -5],
                textStyle: {
                    fontSize: 16,
                    color: '#000',
                    fontWeight: 'bold'
                }
            };
            //----------------------------hj数据——犯罪指数——柱状图----------------------------
            if(languageType == 'zh_cn'){
                $('#crime-chart-box-instructions').text('注: 犯罪指数全美平均值是100。如果该指数高于100则意味着该犯罪率高于全国平均水平。相应的，如果低于100则意味着该犯罪率低于全国平均水平。');
                HJData_bar_charts('crime-chart', '', ["袭击", "入室盗窃", "盗窃", "谋杀", "强奸", "抢劫", "盗车", "整体", "全美平均值"], crime_seriesData, crime_seriesLabel, charts_color);
            }else if(languageType == 'en'){
                //需要俞总翻译的
                $('#crime-chart-box-instructions').text('注: 犯罪指数全美平均值是100。如果该指数高于100则意味着该犯罪率高于全国平均水平。相应的，如果低于100则意味着该犯罪率低于全国平均水平。');
                HJData_bar_charts('crime-chart', '', ["Assault", "Burglary", "Larceny", "Murder", "Rape", "Robbery", "Vehicle", "Overall", "National Average"], crime_seriesData, crime_seriesLabel, charts_color);
            }
        } else {
            $('#crime-chart-box').hide();
        }
    } else {
        $('#crime-chart-box').hide();
    }

    //----------------------------hj数据——households指数——柱状图----------------------------
    var HouseholdResultData = [[${HouseholdResult}]];
    if (HouseholdResultData) {
        if (HouseholdResultData.state || HouseholdResultData.city || HouseholdResultData.zip || HouseholdResultData.county) {
            $('#Households-chart-box').show();

            // households
            if (HouseholdResultData.zip) {
                $('#Households-chart').show();
                var Households_seriesData = [
                    {
                        value: HouseholdResultData.zip.occupancy.children,
                        itemStyle: {
                            color: '#40c3f9',
                        }
                    },
                    {
                        value: HouseholdResultData.zip.occupancy.families,
                        itemStyle: {
                            color: '#ffbf53',
                        }
                    },
                    {
                        value: HouseholdResultData.zip.occupancy.married,
                        itemStyle: {
                            color: '#fe5960',
                        }
                    },
                    {
                        value: HouseholdResultData.zip.occupancy.owned,
                        itemStyle: {
                            color: '#00bc7b',
                        }
                    },
                    {
                        value: HouseholdResultData.zip.occupancy.rented,
                        itemStyle: {
                            color: '#f963a0',
                        }
                    },
                    {
                        value: HouseholdResultData.zip.occupancy.vacant,
                        itemStyle: {
                            color: '#4cabce',
                        }
                    }
                ];
                var Households_seriesLabel = {
                    show: true,//柱子上边显示文字标签
                    position: 'top',
                    formatter: function (param) {
                        return param.value + '%';
                    },
                    offset: [0, -5],
                    textStyle: {
                        fontSize: 16,
                        color: '#000',
                        fontWeight: 'bold'
                    }
                };
                //----------------------------hj数据——households指数——柱状图----------------------------
                if(languageType == 'zh_cn'){
                    HJData_bar_charts('Households-chart', 'households指数', ["有18岁以下儿童的家庭比例", "由家庭组成的家庭比例", "由已婚夫妇组成的家庭的百分比", "拥有住房的家庭比例", "租房家庭的比例", "该地区房屋空置率"], Households_seriesData, Households_seriesLabel);
                }else if(languageType == 'en'){
                    HJData_bar_charts('Households-chart', 'Households Index', ["Children", "Families", "Married", "Owned", "Rented", "Vacant"], Households_seriesData, Households_seriesLabel);
                }
            } else {
                $('#Households-chart').hide();
            }


            //住户居住的平均价值
            if (HouseholdResultData.state || HouseholdResultData.city || HouseholdResultData.zip || HouseBasicInfo) {
                $('#AVHR-chart').show();

                //取到本房源的价钱
                var thisHousePrice = null;
                for (var i = 0; i < HouseBasicInfo.length; i++) {
                    if (HouseBasicInfo[i].key == 'listing_price') {
                        thisHousePrice = HouseBasicInfo[i].value;
                    }
                }
                var AVHR_seriesData = [
                    {
                        value: HouseholdResultData.state ? HouseholdResultData.state.value : 0,
                        itemStyle: {
                            color: '#40c3f9',
                        }
                    },
                    {
                        value: HouseholdResultData.city ? HouseholdResultData.city.value : 0,
                        itemStyle: {
                            color: '#ffbf53',
                        }
                    },
                    {
                        value: HouseholdResultData.zip ? HouseholdResultData.zip.value : 0,
                        itemStyle: {
                            color: '#fe5960',
                        }
                    },
                    {
                        value: thisHousePrice ? thisHousePrice : 0,
                        itemStyle: {
                            color: '#00bc7b',
                        }
                    }
                ];
                var AVHR_seriesLabel = {
                    show: true,//柱子上边显示文字标签
                    position: 'top',
                    formatter: function (param) {
                        return accounting.formatMoney(param.value, "$", 0);
                    },
                    offset: [0, -5],
                    textStyle: {
                        fontSize: 16,
                        color: '#000',
                        fontWeight: 'bold'
                    }
                };
                //----------------------------hj数据——住户居住的平均价值——柱状图----------------------------
                if(languageType == 'zh_cn'){
                    HJData_bar_charts('AVHR-chart', '住户居住的平均价值', ["本州", "本城市", "本区域", "本房源"], AVHR_seriesData, AVHR_seriesLabel);
                }else if(languageType == 'en'){
                    HJData_bar_charts('AVHR-chart', 'Average Household Value', ["State", "City", "Zipcode", "This House"], AVHR_seriesData, AVHR_seriesLabel);
                }
            } else {
                $('#AVHR-chart').hide();
            }

            //文字说明
            if (HouseholdResultData.zip.total || HouseholdResultData.zip.year_built || HouseholdResultData.zip.duration) {
                var HouseholdResultData_total = HouseholdResultData.zip.total ? accounting.formatMoney(HouseholdResultData.zip.total, "", 0) : '-';
                if(languageType == 'zh_cn'){
                    $('#Households-chart-box').find('p').show().text(
                        '本区域总家庭数量：' + HouseholdResultData_total +
                        '户，住户的平均住宅建造年份：' + isNull0(HouseholdResultData.zip.year_built) +
                        '年，一个家庭住在住宅里的平均时间为：' + isNull0(HouseholdResultData.zip.duration) + '年'
                    );
                }else if(languageType == 'en'){
                    $('#Households-chart-box').find('p').show().text(
                        'Total number of households in the region：' + HouseholdResultData_total +
                        ' households，The average residential construction year of the household：' + isNull0(HouseholdResultData.zip.year_built) +
                        ' year，The average time for a family living in the house：' + isNull0(HouseholdResultData.zip.duration) + ' year'
                    );
                }
            } else {
                $('#Households-chart-box').find('p').hide();
            }

        } else {
            $('#Households-chart-box').hide();
        }
    } else {
        $('#Households-chart-box').hide();
    }

    //----------------------------hj数据——家庭收入统计——柱状图、饼图----------------------------
    var IncomeResultData = [[${IncomeResult.zip}]];
    if (IncomeResultData) {
        if (IncomeResultData.average || IncomeResultData.median || IncomeResultData.percent0_15 || IncomeResultData.percent15_25
            || IncomeResultData.percent25_35 || IncomeResultData.percent35_50 || IncomeResultData.percent50_75 || IncomeResultData.percent75_100
            || IncomeResultData.percent100_125 || IncomeResultData.percent125_150 || IncomeResultData.percent150_200 || IncomeResultData.percent200_up) {
            $('#Household-income-chart-box').show();

            // 家庭收入的平均值和中位数
            if (IncomeResultData.average || IncomeResultData.median) {
                $('#AverageMedian-chart').show();
                var AverageMedian_seriesData = [
                    {
                        value: IncomeResultData.average,
                        itemStyle: {
                            color: '#40c3f9',
                        }
                    },
                    {
                        value: IncomeResultData.median,
                        itemStyle: {
                            color: '#ffbf53',
                        }
                    }
                ];
                var AverageMedian_seriesLabel = {
                    show: true,//柱子上边显示文字标签
                    position: 'top',
                    formatter: function (param) {
                        return accounting.formatMoney(param.value, "$", 0);
                    },
                    offset: [0, -5],
                    textStyle: {
                        fontSize: 16,
                        color: '#000',
                        fontWeight: 'bold'
                    }
                };
                //----------------------------hj数据——家庭收入的平均值和中位数——柱状图----------------------------
                if(languageType == 'zh_cn'){
                    HJData_bar_charts('AverageMedian-chart', '家庭收入的平均值和中位数', ["平均值", "中位数"], AverageMedian_seriesData, AverageMedian_seriesLabel);
                }else if(languageType == 'en'){
                    HJData_bar_charts('AverageMedian-chart', 'Average and median household income', ["Average", "Median"], AverageMedian_seriesData, AverageMedian_seriesLabel);
                }
            } else {
                $('#AverageMedian-chart').hide();
            }

            // 年收入家庭比例
            if (IncomeResultData.percent0_15 || IncomeResultData.percent15_25 || IncomeResultData.percent25_35 || IncomeResultData.percent35_50
                || IncomeResultData.percent50_75 || IncomeResultData.percent75_100 || IncomeResultData.percent100_125 || IncomeResultData.percent125_150
                || IncomeResultData.percent150_200 || IncomeResultData.percent200_up) {
                $('#IncomeFamilyProportion-chart').show();
                var IncomeFamilyProportion_seriesData = [
                    {
                        value: IncomeResultData.percent0_15,
                        name: languageType == 'zh_cn' ? '0 ~ $1.5万' : '0 ~ $15k',
                    },
                    {
                        value: IncomeResultData.percent15_25,
                        name: languageType == 'zh_cn' ? '$1.5万 ~ $2.5万' : '$15 ~ 25k',
                    },
                    {
                        value: IncomeResultData.percent25_35,
                        name: languageType == 'zh_cn' ? '$2.5万 ~ $3.5万' : '$25 ~ 35k',
                    },
                    {
                        value: IncomeResultData.percent35_50,
                        name: languageType == 'zh_cn' ? '$3.5万 ~ $5万' : '$35 ~ 50k',
                    },
                    {
                        value: IncomeResultData.percent50_75,
                        name: languageType == 'zh_cn' ? '$5万 ~ $7.5万' : '$50 ~ 75k',
                    },
                    {
                        value: IncomeResultData.percent75_100,
                        name: languageType == 'zh_cn' ? '$7.5万 ~ $10万' : '$75 ~ 100k',
                    },
                    {
                        value: IncomeResultData.percent100_125,
                        name: languageType == 'zh_cn' ? '$10万 ~ $12.5万' : '$100 ~ 125k',
                    },
                    {
                        value: IncomeResultData.percent125_150,
                        name: languageType == 'zh_cn' ? '$12.5万 ~ $15万' : '$125 ~ 150k',
                    },
                    {
                        value: IncomeResultData.percent150_200,
                        name: languageType == 'zh_cn' ? '$15万 ~ $20万' : '$150 ~ 200k',
                    },
                    {
                        value: IncomeResultData.percent200_up,
                        name: languageType == 'zh_cn' ? '$20万以上' : 'More than $200k',
                    },
                ];
                var IncomeFamilyProportion_seriesLabel = {
                    formatter: '{b}：{c}%'
                };
                //----------------------------hj数据——年收入家庭比例——饼图----------------------------
                if(languageType == 'zh_cn'){
                    HJData_pie_charts('IncomeFamilyProportion-chart', '年收入家庭比例', IncomeFamilyProportion_seriesData, gender_seriesLabel, charts_color);
                }else if(languageType == 'en'){
                    HJData_pie_charts('IncomeFamilyProportion-chart', 'Annual Income Family Ratio', IncomeFamilyProportion_seriesData, gender_seriesLabel, charts_color);
                }
            } else {
                $('#IncomeFamilyProportion-chart').hide();
            }
        } else {
            $('#Household-income-chart-box').hide();
        }
    } else {
        $('#Household-income-chart-box').hide();
    }

    //----------------------------hj数据——人口统计——柱状图----------------------------
    var PopulationResultData = [[${PopulationResult.zip}]];
    if (PopulationResultData) {
        if (PopulationResultData.current || PopulationResultData.y1990 || PopulationResultData.y2000 || PopulationResultData.y2010 || PopulationResultData.density) {
            $('#Population-chart-box').show();
            var Population_seriesData = [
                {
                    value: PopulationResultData.current,
                    itemStyle: {
                        color: '#40c3f9',
                    }
                },
                {
                    value: PopulationResultData.y1990,
                    itemStyle: {
                        color: '#ffbf53',
                    }
                },
                {
                    value: PopulationResultData.y2000,
                    itemStyle: {
                        color: '#fe5960',
                    }
                },
                {
                    value: PopulationResultData.y2010,
                    itemStyle: {
                        color: '#00bc7b',
                    }
                }
            ];
            var Population_seriesLabel = {
                show: true,//柱子上边显示文字标签
                position: 'top',
                formatter: function (param) {
                    if(languageType == 'zh_cn'){
                        return accounting.formatMoney(param.value, "", 0) + ' 人';
                    }else if(languageType == 'en'){
                        return accounting.formatMoney(param.value, "", 0) + ' people';
                    }
                },
                offset: [0, -5],
                textStyle: {
                    fontSize: 16,
                    color: '#000',
                    fontWeight: 'bold'
                }
            };
            //----------------------------hj数据——人口统计——柱状图----------------------------
            if(languageType == 'zh_cn'){
                HJData_bar_charts('Population-chart', '人口统计', ["该地区目前的人口", "1990年该地区的人口", "2000年该地区的人口", "2010年该地区的人口"], Population_seriesData, Population_seriesLabel);
            }else if(languageType == 'en'){
                HJData_bar_charts('Population-chart', 'demographic', ["current", "y1990", "y2000", "y2010"], Population_seriesData, Population_seriesLabel);
            }

            if (PopulationResultData.density) {
                if(languageType == 'zh_cn'){
                    $('#Population-chart-box').find('p').show().text('人口密度（平均每平方英里的陆地面积居住的人数）：' + Math.round(PopulationResultData.density) + ' 人');
                }else if(languageType == 'en'){
                    $('#Population-chart-box').find('p').show().text('Population Density（average number of people living on land per square mile）：' + Math.round(PopulationResultData.density) + ' people');
                }
            } else {
                $('#Population-chart-box').find('p').hide();
            }
        } else {
            $('#Population-chart-box').hide();
        }
    } else {
        $('#Population-chart-box').hide();
    }

    //----------------------------hj数据——种族比例——饼图----------------------------
    var RaceResultData = [[${RaceResult.zip}]];
    if (RaceResultData) {
        if (RaceResultData.asian || RaceResultData.black || RaceResultData.natives || RaceResultData.white || RaceResultData.hispanic) {
            $('#Race-chart-box').show();
            var Race_seriesData = [
                {
                    value: RaceResultData.asian,
                    name: languageType == 'zh_cn' ? '亚裔' : 'Asian',
                },
                {
                    value: RaceResultData.black,
                    name: languageType == 'zh_cn' ? '黑人' : 'Black',
                },
                {
                    value: RaceResultData.natives,
                    name: languageType == 'zh_cn' ? '土著/原住民' : 'Natives',
                },
                {
                    value: RaceResultData.white,
                    name: languageType == 'zh_cn' ? '白人' : 'White',
                },
                {
                    value: accounting.formatMoney(RaceResultData.calcHispanic, "", 2),
                    name: languageType == 'zh_cn' ? '西班牙裔' : 'Hispanic',
                },
                {
                    value: accounting.formatMoney(RaceResultData.calcOther, "", 2),
                    name: languageType == 'zh_cn' ? '其他人种' : 'Other',
                },
            ];
            var Race_seriesLabel = {
                formatter: '{b}：{c}%'
            };
            //----------------------------hj数据——种族比例——饼图----------------------------
            HJData_pie_charts('Race-chart', '', Race_seriesData, Race_seriesLabel, charts_color);

        } else {
            $('#Race-chart-box').hide();
        }
    } else {
        $('#Race-chart-box').hide();
    }

    //----------------------------hj数据——天气指数——折线图、柱状图----------------------------
    var WeatherResultData = [[${WeatherResult.zip}]];
    if (WeatherResultData) {
        if (WeatherResultData.jan || WeatherResultData.apr || WeatherResultData.jul || WeatherResultData.oct || WeatherResultData.annual
            || WeatherResultData.indices || WeatherResultData.precipitation) {
            $('#Weather-chart-box').show();

            // 平均最高温和最低温——折线图
            if (WeatherResultData.jan || WeatherResultData.apr || WeatherResultData.jul || WeatherResultData.oct || WeatherResultData.annual) {
                $('#averageHighLow-chart').show();

                if(languageType == 'zh_cn'){
                    averageHighLow_charts('平均最高温和最低温（华氏度）', ['平均最高温', '平均最低温'], ['一月', '四月', '七月', '十月', '全年'], WeatherResultData.jan, WeatherResultData.apr, WeatherResultData.jul, WeatherResultData.oct, WeatherResultData.annual)
                }else if(languageType == 'en'){
                    averageHighLow_charts('Average maximum temperature and lowest temperature (Fahrenheit)', ['Mean maximum temperature', 'Mean minimum temperature'], ['January', 'April', 'July', 'October', 'Annual'], WeatherResultData.jan, WeatherResultData.apr, WeatherResultData.jul, WeatherResultData.oct, WeatherResultData.annual)
                }
            } else {
                $('#averageHighLow-chart').hide();
            }

            // 灾害指数——柱状图
            if (WeatherResultData.indices.earthquake || WeatherResultData.indices.hail || WeatherResultData.indices.hurricane || WeatherResultData.indices.ozone
                || WeatherResultData.indices.pollution || WeatherResultData.indices.tornado || WeatherResultData.indices.wind || WeatherResultData.indices.overall) {
                $('#disasterIndices-chart').show();
                var disasterIndices_seriesData = [
                    {
                        value: WeatherResultData.indices.earthquake,
                    },
                    {
                        value: WeatherResultData.indices.hail,
                    },
                    {
                        value: WeatherResultData.indices.hurricane,
                    },
                    {
                        value: WeatherResultData.indices.ozone,
                    },
                    {
                        value: WeatherResultData.indices.pollution,
                    },
                    {
                        value: WeatherResultData.indices.tornado,
                    },
                    {
                        value: WeatherResultData.indices.wind,
                    },
                    {
                        value: WeatherResultData.indices.overall,
                    },
                    {
                        value: 100,
                        itemStyle: {
                            color: '#cacbcc'
                        }
                    },
                ];
                var disasterIndices_seriesLabel = {
                    show: true,//柱子上边显示文字标签
                    position: 'top',
                    formatter: function (param) {
                        return param.value;
                    },
                    offset: [0, -5],
                    textStyle: {
                        fontSize: 16,
                        color: '#000',
                        fontWeight: 'bold'
                    }
                };
                //----------------------------hj数据——灾害指数——柱状图----------------------------
                if(languageType == 'zh_cn'){
                    HJData_bar_charts('disasterIndices-chart', '灾害指数', ["地震", "冰雹", "飓风", "臭氧", "污染", "龙卷风", "空气", "整体", "全美平均值"], disasterIndices_seriesData, disasterIndices_seriesLabel, charts_color);
                }else if(languageType == 'en'){
                    HJData_bar_charts('disasterIndices-chart', 'Disaster Index', ["Warthquake", "Hail", "Hurricane", "Ozone", "Pollution", "Tornado", "Wind", "Overall", "National Average"], disasterIndices_seriesData, disasterIndices_seriesLabel, charts_color);
                }

            } else {
                $('#disasterIndices-chart').hide();
            }

            //文字说明
            if (WeatherResultData.precipitation) {
                if (WeatherResultData.precipitation.rain || WeatherResultData.precipitation.snow) {
                    if(languageType == 'zh_cn'){
                        $('#Weather-chart-box').find('p').show().text(
                            '近一年雨雪天数统计：降水量(英寸)：' + isNull0(WeatherResultData.precipitation.rain.amount) + '，天数：' + isNull0(WeatherResultData.precipitation.rain.days_per_year) +
                            '。降雪量(英寸)：' + isNull0(WeatherResultData.precipitation.snow.amount) + '，天数：' + isNull0(WeatherResultData.precipitation.snow.days_per_year)
                        );
                    }else if(languageType == 'en'){
                        $('#Weather-chart-box').find('p').show().text(
                            'Statistics of Rain and Snow Days in the Past Year：Precipitation(inches)：' + isNull0(WeatherResultData.precipitation.rain.amount) + '，Days：' + isNull0(WeatherResultData.precipitation.rain.days_per_year) +
                            '。Snowfall(inches)：' + isNull0(WeatherResultData.precipitation.snow.amount) + '，Days：' + isNull0(WeatherResultData.precipitation.snow.days_per_year)
                        );
                    }

                } else {
                    $('#Weather-chart-box').find('p').hide();
                }
            } else {
                $('#Weather-chart-box').find('p').hide();
            }
        } else {
            $('#Weather-chart-box').hide();
        }
    } else {
        $('#Weather-chart-box').hide();
    }


    //--------------------------------------------------房租概况--------------------------------------------------
    //文字说明中英双语判断显示内容
    var mom_title;
    var yoy_title;
    var qoq_title;
    var zri_title;
    if(languageType == 'zh_cn'){
        mom_title = '环比：';
        yoy_title = '同比：';
        qoq_title = '季度环比增幅：';
        zri_title = '平均每月租金：';
    }else if(languageType == 'en'){
        mom_title = 'Month on Month：';
        yoy_title = 'Year on Year：';
        qoq_title = 'Quarter on Quarter：';
        zri_title = 'Average Monthly Rent：';
    }

    //----------------------------租金同比环比增幅——文字说明----------------------------
    var zri_all_homes_plus_multifamily_summary_result = [[${zri_all_homes_plus_multifamily_summary_result}]];
    if (zri_all_homes_plus_multifamily_summary_result) {
        $('#Zip_Zri_AllHomesPlusMultifamily_Summary-box').find('h5').hide();
        $('#Zip_Zri_AllHomesPlusMultifamily_Summary-box').find('aside').show();

        $('#Zip_Zri_AllHomesPlusMultifamily_Summary-mom').text(mom_title + (zri_all_homes_plus_multifamily_summary_result.mom ? isNull0((zri_all_homes_plus_multifamily_summary_result.mom * 100).toFixed(2)) +'%' : '-'));
        $('#Zip_Zri_AllHomesPlusMultifamily_Summary-yoy').text(yoy_title + (zri_all_homes_plus_multifamily_summary_result.yoy ? isNull0((zri_all_homes_plus_multifamily_summary_result.yoy * 100).toFixed(2)) +'%' : '-'));
        $('#Zip_Zri_AllHomesPlusMultifamily_Summary-qoq').text(qoq_title + (zri_all_homes_plus_multifamily_summary_result.qoq ? isNull0((zri_all_homes_plus_multifamily_summary_result.qoq * 100).toFixed(2)) +'%' : '-'));
        $('#Zip_Zri_AllHomesPlusMultifamily_Summary-zri').text(zri_title + isNull0_USD(zri_all_homes_plus_multifamily_summary_result.zri));
    } else {
        $('#Zip_Zri_AllHomesPlusMultifamily_Summary-box').find('h5').show();
        $('#Zip_Zri_AllHomesPlusMultifamily_Summary-box').find('aside').hide();
    }

    //----------------------------租售比——文字说明----------------------------
    var breakeven_pr_result = [[${breakeven_pr_result}]];
    if (breakeven_pr_result) {
        $('#BreakEven_PR-box').find('h5').hide();
        $('#BreakEven_PR-box').find('aside').show();

        //含义还没回复，值为年月
        var brea_keven_year_time;
        var brea_keven_month_time;
        if(languageType == 'zh_cn'){
            brea_keven_year_time = '年';
            brea_keven_month_time = '个月';
        }else if(languageType == 'en'){
            brea_keven_year_time = ' years ';
            brea_keven_month_time = ' months';
        }
        var brea_keven_year = breakeven_pr_result.brea_keven.replace(' year(s)', brea_keven_year_time);
        var brea_keven_month = brea_keven_year.replace(' month(s)', brea_keven_month_time);
        var brea_keven_year_month = brea_keven_month.replace(' and ', '');

        //中位租售比，也就是中位房价除以年中位租金，假如值为41.94，那么展示结果为：年和月。用0.94乘以12个月，也就是11.06。41.94代表41年11个月。
        var med_pr_year = parseInt(breakeven_pr_result.med_pr.toString().split('.')[0]);
        var med_pr_month = parseFloat('0.' + Math.round(parseFloat( '0.' + breakeven_pr_result.med_pr.toString().split('.')[1]) * 12));
        var med_pr = med_pr_year + med_pr_month;

        var BreakEven_PR_brea_keven_title;
        var BreakEven_PR_med_pr_title;
        if(languageType == 'zh_cn'){
            BreakEven_PR_brea_keven_title = '？——brea_keven：';
            BreakEven_PR_med_pr_title = '中位租售比：';
        }else if(languageType == 'en'){
            BreakEven_PR_brea_keven_title = '？——brea_keven：';
            BreakEven_PR_med_pr_title = 'Rent Sell than the median：';
        }

        $('#BreakEven_PR-brea_keven').text(BreakEven_PR_brea_keven_title + (breakeven_pr_result.brea_keven ? brea_keven_year_month : '-'));
        $('#BreakEven_PR-med_pr').text(BreakEven_PR_med_pr_title + (breakeven_pr_result.med_pr ? med_pr : '-'));
    } else {
        $('#BreakEven_PR-box').find('h5').show();
        $('#BreakEven_PR-box').find('aside').hide();
    }

    //----------------------------租金涨幅百分比预测——文字说明----------------------------
    var zri_forecast_public_result = [[${zri_forecast_public_result}]];
    if (zri_forecast_public_result) {
        $('#ZriForecast_Public-box').find('h5').hide();
        $('#ZriForecast_Public-box').find('aside').show();

        var ZriForecast_Public_zri_forecast_title;
        var ZriForecast_Public_forecast_yoy_change_title;
        var ZriForecast_Public_current_yoy_change_title;
        if(languageType == 'zh_cn'){
            ZriForecast_Public_zri_forecast_title = '一年后租金预期：';
            ZriForecast_Public_forecast_yoy_change_title = '一年后租金预期变化：';
            ZriForecast_Public_current_yoy_change_title = '目前的租金同比变化：';
        }else if(languageType == 'en'){
            ZriForecast_Public_zri_forecast_title = 'A year later, rental expectations：';
            ZriForecast_Public_forecast_yoy_change_title = 'A year later, Rental expectations change：';
            ZriForecast_Public_current_yoy_change_title = 'Current rent changes year on year：';
        }

        $('#ZriForecast_Public-zri_forecast').text(ZriForecast_Public_zri_forecast_title + isNull0_USD(zri_forecast_public_result.zri_forecast));
        $('#ZriForecast_Public-forecast_yoy_change').text(ZriForecast_Public_forecast_yoy_change_title + (zri_forecast_public_result.forecast_yoy_change ? isNull0((zri_forecast_public_result.forecast_yoy_change * 100).toFixed(2)) +'%' : '-'));
        $('#ZriForecast_Public-current_yoy_change').text(ZriForecast_Public_current_yoy_change_title + (zri_forecast_public_result.current_yoy_change ? isNull0((zri_forecast_public_result.current_yoy_change * 100).toFixed(2)) +'%' : '-'));
    } else {
        $('#ZriForecast_Public-box').find('h5').show();
        $('#ZriForecast_Public-box').find('aside').hide();
    }

    //----------------------------多家庭公寓中位租金同比环比增幅——文字说明----------------------------
    var zri_multifamily_residence_rental_summary_result = [[${zri_multifamily_residence_rental_summary_result}]];
    //根据当前房源的类型判断图表是否显示隐藏
    if((global_houseType).toLowerCase() == 'condo'
        || (global_houseType).toLowerCase() == 'co-op'
        || (global_houseType).toLowerCase() == 'multi'){
        $('#Zip_Zri_MultiFamilyResidenceRental_Summary-box').show();
        if (zri_multifamily_residence_rental_summary_result) {
            $('#Zip_Zri_MultiFamilyResidenceRental_Summary-box').find('h5').hide();
            $('#Zip_Zri_MultiFamilyResidenceRental_Summary-box').find('aside').show();

            $('#Zip_Zri_MultiFamilyResidenceRental_Summary-mom').text(mom_title + (zri_multifamily_residence_rental_summary_result.mom ? isNull0((zri_multifamily_residence_rental_summary_result.mom * 100).toFixed(2)) +'%' : '-'));
            $('#Zip_Zri_MultiFamilyResidenceRental_Summary-yoy').text(yoy_title + (zri_multifamily_residence_rental_summary_result.yoy ? isNull0((zri_multifamily_residence_rental_summary_result.yoy * 100).toFixed(2)) +'%' : '-'));
            $('#Zip_Zri_MultiFamilyResidenceRental_Summary-qoq').text(qoq_title + (zri_multifamily_residence_rental_summary_result.qoq ? isNull0((zri_multifamily_residence_rental_summary_result.qoq * 100).toFixed(2)) +'%' : '-'));
            $('#Zip_Zri_MultiFamilyResidenceRental_Summary-zri').text(zri_title + isNull0_USD(zri_multifamily_residence_rental_summary_result.zri));
        } else {
            $('#Zip_Zri_MultiFamilyResidenceRental_Summary-box').find('h5').show();
            $('#Zip_Zri_MultiFamilyResidenceRental_Summary-box').find('aside').hide();
        }
    }else{
        $('#Zip_Zri_MultiFamilyResidenceRental_Summary-box').hide();
    }

    //----------------------------独栋别墅租金同比环比增幅——文字说明----------------------------
    var zri_single_family_residence_rental_summary_result = [[${zri_single_family_residence_rental_summary_result}]];
    //根据当前房源的类型判断图表是否显示隐藏
    if((global_houseType).toLowerCase() == 'sfr') {
        $('#Zip_Zri_SingleFamilyResidenceRental_Summary-box').show();
        if (zri_single_family_residence_rental_summary_result) {
            $('#Zip_Zri_SingleFamilyResidenceRental_Summary-box').find('h5').hide();
            $('#Zip_Zri_SingleFamilyResidenceRental_Summary-box').find('aside').show();

            $('#Zip_Zri_SingleFamilyResidenceRental_Summary-mom').text(mom_title + (zri_single_family_residence_rental_summary_result.mom ? isNull0((zri_single_family_residence_rental_summary_result.mom * 100).toFixed(2)) +'%' : '-'));
            $('#Zip_Zri_SingleFamilyResidenceRental_Summary-yoy').text(yoy_title + (zri_single_family_residence_rental_summary_result.yoy ? isNull0((zri_single_family_residence_rental_summary_result.yoy * 100).toFixed(2)) +'%' : '-'));
            $('#Zip_Zri_SingleFamilyResidenceRental_Summary-qoq').text(qoq_title + (zri_single_family_residence_rental_summary_result.qoq ? isNull0((zri_single_family_residence_rental_summary_result.qoq * 100).toFixed(2)) +'%' : '-'));
            $('#Zip_Zri_SingleFamilyResidenceRental_Summary-zri').text(zri_title + isNull0_USD(zri_single_family_residence_rental_summary_result.zri));
        } else {
            $('#Zip_Zri_SingleFamilyResidenceRental_Summary-box').find('h5').show();
            $('#Zip_Zri_SingleFamilyResidenceRental_Summary-box').find('aside').hide();
        }
    }else{
        $('#Zip_Zri_SingleFamilyResidenceRental_Summary-box').hide();
    }

    //----------------------------所有一卧室房产中位租金——折线图----------------------------
    var median_rental_price_1bedroom_result = [[${median_rental_price_1bedroom_result}]];
    //根据当前房源的卧室数量判断图表是否显示隐藏
    if(global_bedrooms == 1) {
        $('#Zip_MedianRentalPrice_1Bedroom-chart-box').show();
        if (median_rental_price_1bedroom_result && median_rental_price_1bedroom_result.length > 0) {
            $('#Zip_MedianRentalPrice_1Bedroom-chart-box').show();

            zilData_line_charts('Zip_MedianRentalPrice_1Bedroom-chart', median_rental_price_1bedroom_result, 'KM', '0', ['#82dfc2']);
        } else {
            $('#Zip_MedianRentalPrice_1Bedroom-chart-box').hide();
        }
    }else{
        $('#Zip_MedianRentalPrice_1Bedroom-chart-box').hide();
    }

    //----------------------------所有二卧室房产中位租金——折线图----------------------------
    var median_rental_price_2bedroom_result = [[${median_rental_price_2bedroom_result}]];
    //根据当前房源的卧室数量判断图表是否显示隐藏
    if(global_bedrooms == 2) {
        $('#Zip_MedianRentalPrice_2Bedroom-chart-box').show();
        if (median_rental_price_2bedroom_result && median_rental_price_2bedroom_result.length > 0) {
            $('#Zip_MedianRentalPrice_2Bedroom-chart-box').show();

            zilData_line_charts('Zip_MedianRentalPrice_2Bedroom-chart', median_rental_price_2bedroom_result, 'KM', '0', ['#82dfc2']);
        } else {
            $('#Zip_MedianRentalPrice_2Bedroom-chart-box').hide();
        }
    }else{
        $('#Zip_MedianRentalPrice_2Bedroom-chart-box').hide();
    }

    //----------------------------所有三卧室房产中位租金——折线图----------------------------
    var median_rental_price_3bedroom_result = [[${median_rental_price_3bedroom_result}]];
    //根据当前房源的卧室数量判断图表是否显示隐藏
    if(global_bedrooms == 3) {
        $('#Zip_MedianRentalPrice_3Bedroom-chart-box').show();
        if (median_rental_price_3bedroom_result && median_rental_price_3bedroom_result.length > 0) {
            $('#Zip_MedianRentalPrice_3Bedroom-chart-box').show();

            zilData_line_charts('Zip_MedianRentalPrice_3Bedroom-chart', median_rental_price_3bedroom_result, 'KM', '0', ['#82dfc2']);
        } else {
            $('#Zip_MedianRentalPrice_3Bedroom-chart-box').hide();
        }
    }else{
        $('#Zip_MedianRentalPrice_3Bedroom-chart-box').hide();
    }

    //----------------------------所有四卧室房产中位租金——折线图----------------------------
    var median_rental_price_4bedroom_result = [[${median_rental_price_4bedroom_result}]];
    //根据当前房源的卧室数量判断图表是否显示隐藏
    if(global_bedrooms == 4) {
        $('#Zip_MedianRentalPrice_4Bedroom-chart-box').show();
        if (median_rental_price_4bedroom_result && median_rental_price_4bedroom_result.length > 0) {
            $('#Zip_MedianRentalPrice_4Bedroom-chart-box').show();

            zilData_line_charts('Zip_MedianRentalPrice_4Bedroom-chart', median_rental_price_4bedroom_result, 'KM', '0', ['#82dfc2']);
        } else {
            $('#Zip_MedianRentalPrice_4Bedroom-chart-box').hide();
        }
    }else{
        $('#Zip_MedianRentalPrice_4Bedroom-chart-box').hide();
    }

    //----------------------------所有五卧室及以上房产中位租金——折线图----------------------------
    var median_rental_price_5bedroom_or_more_result = [[${median_rental_price_5bedroom_or_more_result}]];
    //根据当前房源的卧室数量判断图表是否显示隐藏
    if(global_bedrooms >= 5) {
        $('#Zip_MedianRentalPrice_5BedroomOrMore-chart-box').show();
        if (median_rental_price_5bedroom_or_more_result && median_rental_price_5bedroom_or_more_result.length > 0) {
            $('#Zip_MedianRentalPrice_5BedroomOrMore-chart-box').show();

            zilData_line_charts('Zip_MedianRentalPrice_5BedroomOrMore-chart', median_rental_price_5bedroom_or_more_result, 'KM', '0', ['#82dfc2']);
        } else {
            $('#Zip_MedianRentalPrice_5BedroomOrMore-chart-box').hide();
        }
    }else{
        $('#Zip_MedianRentalPrice_5BedroomOrMore-chart-box').hide();
    }

    //----------------------------所有房产房租中位数——折线图----------------------------
    var median_rental_price_all_homes_result = [[${median_rental_price_all_homes}]];
    if (median_rental_price_all_homes_result && median_rental_price_all_homes_result.length > 0) {
        $('#Zip_MedianRentalPrice_AllHomes-chart-box').show();

        zilData_line_charts('Zip_MedianRentalPrice_AllHomes-chart', median_rental_price_all_homes_result, 'KM', '0', ['#82dfc2']);
    } else {
        $('#Zip_MedianRentalPrice_AllHomes-chart-box').hide();
    }

    //----------------------------所有公寓中位租金——折线图----------------------------
    var median_rental_price_condo_coop_result = [[${median_rental_price_condo_coop_result}]];
    //根据当前房源的类型判断图表是否显示隐藏
    if((global_houseType).toLowerCase() == 'condo'
        || (global_houseType).toLowerCase() == 'co-op'
        || (global_houseType).toLowerCase() == 'multi'){
        $('#Zip_MedianRentalPrice_CondoCoop-chart-box').show();
        if (median_rental_price_condo_coop_result && median_rental_price_condo_coop_result.length > 0) {
            $('#Zip_MedianRentalPrice_CondoCoop-chart-box').show();

            zilData_line_charts('Zip_MedianRentalPrice_CondoCoop-chart', median_rental_price_condo_coop_result, 'KM', '0', ['#82dfc2']);
        } else {
            $('#Zip_MedianRentalPrice_CondoCoop-chart-box').hide();
        }
    }else{
        $('#Zip_MedianRentalPrice_CondoCoop-chart-box').hide();
    }

    //----------------------------所有双拼及三拼公寓联排中位租金——折线图----------------------------
    var median_rental_price_duplex_triplex_result = [[${median_rental_price_duplex_triplex_result}]];
    //根据当前房源的类型判断图表是否显示隐藏
    if((global_originalType).toLowerCase() == 'duplex'
        || (global_originalType).toLowerCase() == 'triplex'){
        $('#Zip_MedianRentalPrice_DuplexTriplex-chart-box').show();
        if (median_rental_price_duplex_triplex_result && median_rental_price_duplex_triplex_result.length > 0) {
            $('#Zip_MedianRentalPrice_DuplexTriplex-chart-box').show();

            zilData_line_charts('Zip_MedianRentalPrice_DuplexTriplex-chart', median_rental_price_duplex_triplex_result, 'KM', '0', ['#82dfc2']);
        } else {
            $('#Zip_MedianRentalPrice_DuplexTriplex-chart-box').hide();
        }
    }else{
        $('#Zip_MedianRentalPrice_DuplexTriplex-chart-box').hide();
    }

    //----------------------------所有超过五室公寓的中位租金——折线图----------------------------
    var median_rental_price_mfr_5plus_result = [[${median_rental_price_mfr_5plus_result}]];
    //根据当前房源的类型和卧室数量判断图表是否显示隐藏
    if((global_houseType).toLowerCase() == 'condo'
        && global_bedrooms >= 5){
        $('#Zip_MedianRentalPrice_Mfr5Plus-chart-box').show();
        if (median_rental_price_mfr_5plus_result && median_rental_price_mfr_5plus_result.length > 0) {
            $('#Zip_MedianRentalPrice_Mfr5Plus-chart-box').show();

            zilData_line_charts('Zip_MedianRentalPrice_Mfr5Plus-chart', median_rental_price_mfr_5plus_result, 'KM', '0', ['#82dfc2']);
        } else {
            $('#Zip_MedianRentalPrice_Mfr5Plus-chart-box').hide();
        }
    }else{
        $('#Zip_MedianRentalPrice_Mfr5Plus-chart-box').hide();
    }

    //----------------------------所有独栋别墅中位租金——折线图----------------------------
    var median_rental_price_sfr_result = [[${median_rental_price_sfr_result}]];
    //根据当前房源的类型判断图表是否显示隐藏
    if((global_houseType).toLowerCase() == 'sfr'){
        $('#Zip_MedianRentalPrice_Sfr-chart-box').show();
        if (median_rental_price_sfr_result && median_rental_price_sfr_result.length > 0) {
            $('#Zip_MedianRentalPrice_Sfr-chart-box').show();

            zilData_line_charts('Zip_MedianRentalPrice_Sfr-chart', median_rental_price_sfr_result, 'KM', '0', ['#82dfc2']);
        } else {
            $('#Zip_MedianRentalPrice_Sfr-chart-box').hide();
        }
    }else{
        $('#Zip_MedianRentalPrice_Sfr-chart-box').hide();
    }

    //----------------------------所有大开间中位租金——折线图----------------------------
    var median_rental_price_studio_result = [[${median_rental_price_studio_result}]];
    //根据当前房源的类型和卧室数量判断图表是否显示隐藏
    if((global_houseType).toLowerCase() == 'condo'
        && global_bedrooms == 0){
        $('#Zip_MedianRentalPrice_Studio-chart-box').show();
        if (median_rental_price_studio_result && median_rental_price_studio_result.length > 0) {
            $('#Zip_MedianRentalPrice_Studio-chart-box').show();

            zilData_line_charts('Zip_MedianRentalPrice_Studio-chart', median_rental_price_studio_result, 'KM', '0', ['#82dfc2']);
        } else {
            $('#Zip_MedianRentalPrice_Studio-chart-box').hide();
        }
    }else{
        $('#Zip_MedianRentalPrice_Studio-chart-box').hide();
    }

    //----------------------------所有一卧室房产每平方英尺中位租金——折线图----------------------------
    var median_rental_price_per_sqft_1bedroom_result = [[${median_rental_price_per_sqft_1bedroom_result}]];
    //根据当前房源的卧室数量判断图表是否显示隐藏
    if(global_bedrooms == 1) {
        $('#Zip_MedianRentalPricePerSqft_1Bedroom-chart-box').show();
        if (median_rental_price_per_sqft_1bedroom_result && median_rental_price_per_sqft_1bedroom_result.length > 0) {
            $('#Zip_MedianRentalPricePerSqft_1Bedroom-chart-box').show();

            zilData_line_charts('Zip_MedianRentalPricePerSqft_1Bedroom-chart', median_rental_price_per_sqft_1bedroom_result, 'Sqft', '2', ['#82dfc2']);
        } else {
            $('#Zip_MedianRentalPricePerSqft_1Bedroom-chart-box').hide();
        }
    }else{
        $('#Zip_MedianRentalPricePerSqft_1Bedroom-chart-box').hide();
    }

    //----------------------------所有二卧室房产每平方英尺中位租金——折线图----------------------------
    var median_rental_price_per_sqft_2bedroom_result = [[${median_rental_price_per_sqft_2bedroom_result}]];
    //根据当前房源的卧室数量判断图表是否显示隐藏
    if(global_bedrooms == 2) {
        $('#Zip_MedianRentalPricePerSqft_2Bedroom-chart-box').show();
        if (median_rental_price_per_sqft_2bedroom_result && median_rental_price_per_sqft_2bedroom_result.length > 0) {
            $('#Zip_MedianRentalPricePerSqft_2Bedroom-chart-box').show();

            zilData_line_charts('Zip_MedianRentalPricePerSqft_2Bedroom-chart', median_rental_price_per_sqft_2bedroom_result, 'Sqft', '2', ['#82dfc2']);
        } else {
            $('#Zip_MedianRentalPricePerSqft_2Bedroom-chart-box').hide();
        }
    }else{
        $('#Zip_MedianRentalPricePerSqft_2Bedroom-chart-box').hide();
    }

    //----------------------------所有三卧室房产每平方英尺中位租金——折线图----------------------------
    var median_rental_price_per_sqft_3bedroom_result = [[${median_rental_price_per_sqft_3bedroom_result}]];
    //根据当前房源的卧室数量判断图表是否显示隐藏
    if(global_bedrooms == 3) {
        $('#Zip_MedianRentalPricePerSqft_3Bedroom-chart-box').show();
        if (median_rental_price_per_sqft_3bedroom_result && median_rental_price_per_sqft_3bedroom_result.length > 0) {
            $('#Zip_MedianRentalPricePerSqft_3Bedroom-chart-box').show();

            zilData_line_charts('Zip_MedianRentalPricePerSqft_3Bedroom-chart', median_rental_price_per_sqft_3bedroom_result, 'Sqft', '2', ['#82dfc2']);
        } else {
            $('#Zip_MedianRentalPricePerSqft_3Bedroom-chart-box').hide();
        }
    }else{
        $('#Zip_MedianRentalPricePerSqft_3Bedroom-chart-box').hide();
    }

    //----------------------------所有四卧室房产每平方英尺中位租金——折线图----------------------------
    var median_rental_price_per_sqft_4bedroom_result = [[${median_rental_price_per_sqft_4bedroom_result}]];
    //根据当前房源的卧室数量判断图表是否显示隐藏
    if(global_bedrooms == 4) {
        $('#Zip_MedianRentalPricePerSqft_4Bedroom-chart-box').show();
        if (median_rental_price_per_sqft_4bedroom_result && median_rental_price_per_sqft_4bedroom_result.length > 0) {
            $('#Zip_MedianRentalPricePerSqft_4Bedroom-chart-box').show();

            zilData_line_charts('Zip_MedianRentalPricePerSqft_4Bedroom-chart', median_rental_price_per_sqft_4bedroom_result, 'Sqft', '2', ['#82dfc2']);
        } else {
            $('#Zip_MedianRentalPricePerSqft_4Bedroom-chart-box').hide();
        }
    }else{
        $('#Zip_MedianRentalPricePerSqft_4Bedroom-chart-box').hide();
    }

    //----------------------------所有五卧室及以上房产每平方英尺中位租金——折线图----------------------------
    var median_rental_price_per_sqft_5bedroom_or_more_result = [[${median_rental_price_per_sqft_5bedroom_or_more_result}]];
    //根据当前房源的卧室数量判断图表是否显示隐藏
    if(global_bedrooms >= 5) {
        $('#Zip_MedianRentalPricePerSqft_5BedroomOrMore-chart-box').show();
        if (median_rental_price_per_sqft_5bedroom_or_more_result && median_rental_price_per_sqft_5bedroom_or_more_result.length > 0) {
            $('#Zip_MedianRentalPricePerSqft_5BedroomOrMore-chart-box').show();

            zilData_line_charts('Zip_MedianRentalPricePerSqft_5BedroomOrMore-chart', median_rental_price_per_sqft_5bedroom_or_more_result, 'Sqft', '2', ['#82dfc2']);
        } else {
            $('#Zip_MedianRentalPricePerSqft_5BedroomOrMore-chart-box').hide();
        }
    }else{
        $('#Zip_MedianRentalPricePerSqft_5BedroomOrMore-chart-box').hide();
    }

    //----------------------------所有房产每平方英尺中位租金——折线图----------------------------
    var median_rental_price_per_sqft_all_homes_result = [[${median_rental_price_per_sqft_all_homes_result}]];
    if (median_rental_price_per_sqft_all_homes_result && median_rental_price_per_sqft_all_homes_result.length > 0) {
        $('#Zip_MedianRentalPricePerSqft_AllHomes-chart-box').show();

        zilData_line_charts('Zip_MedianRentalPricePerSqft_AllHomes-chart', median_rental_price_per_sqft_all_homes_result, 'Sqft', '2', ['#82dfc2']);
    } else {
        $('#Zip_MedianRentalPricePerSqft_AllHomes-chart-box').hide();
    }

    //----------------------------所有公寓房产每平方英尺中位租金——折线图----------------------------
    var median_rental_price_per_sqft_condo_coop_result = [[${median_rental_price_per_sqft_condo_coop_result}]];
    //根据当前房源的类型判断图表是否显示隐藏
    if((global_houseType).toLowerCase() == 'condo'
        || (global_houseType).toLowerCase() == 'co-op'
        || (global_houseType).toLowerCase() == 'multi'){
        $('#Zip_MedianRentalPricePerSqft_CondoCoop-chart-box').show();
        if (median_rental_price_per_sqft_condo_coop_result && median_rental_price_per_sqft_condo_coop_result.length > 0) {
            $('#Zip_MedianRentalPricePerSqft_CondoCoop-chart-box').show();

            zilData_line_charts('Zip_MedianRentalPricePerSqft_CondoCoop-chart', median_rental_price_per_sqft_condo_coop_result, 'Sqft', '2', ['#82dfc2']);
        } else {
            $('#Zip_MedianRentalPricePerSqft_CondoCoop-chart-box').hide();
        }
    }else{
        $('#Zip_MedianRentalPricePerSqft_CondoCoop-chart-box').hide();
    }

    //----------------------------所有双拼及三拼房产每平方英尺中位租金——折线图----------------------------
    var median_rental_price_per_sqft_duplex_triplex_result = [[${median_rental_price_per_sqft_duplex_triplex_result}]];
    //根据当前房源的类型判断图表是否显示隐藏
    if((global_originalType).toLowerCase() == 'duplex'
        || (global_originalType).toLowerCase() == 'triplex'){
        $('#Zip_MedianRentalPricePerSqft_DuplexTriplex-chart-box').show();
        if (median_rental_price_per_sqft_duplex_triplex_result && median_rental_price_per_sqft_duplex_triplex_result.length > 0) {
            $('#Zip_MedianRentalPricePerSqft_DuplexTriplex-chart-box').show();

            zilData_line_charts('Zip_MedianRentalPricePerSqft_DuplexTriplex-chart', median_rental_price_per_sqft_duplex_triplex_result, 'Sqft', '2', ['#82dfc2']);
        } else {
            $('#Zip_MedianRentalPricePerSqft_DuplexTriplex-chart-box').hide();
        }
    }else{
        $('#Zip_MedianRentalPricePerSqft_DuplexTriplex-chart-box').hide();
    }

    //----------------------------所有五室以上公寓房产每平方英尺中位租金——折线图----------------------------
    var median_rental_price_per_sqft_mfr_5plus_result = [[${median_rental_price_per_sqft_mfr_5plus_result}]];
    //根据当前房源的类型和卧室数量判断图表是否显示隐藏
    if((global_houseType).toLowerCase() == 'condo'
        && global_bedrooms >= 5){
        $('#Zip_MedianRentalPricePerSqft_Mfr5Plus-chart-box').show();
        if (median_rental_price_per_sqft_mfr_5plus_result && median_rental_price_per_sqft_mfr_5plus_result.length > 0) {
            $('#Zip_MedianRentalPricePerSqft_Mfr5Plus-chart-box').show();

            zilData_line_charts('Zip_MedianRentalPricePerSqft_Mfr5Plus-chart', median_rental_price_per_sqft_mfr_5plus_result, 'Sqft', '2', ['#82dfc2']);
        } else {
            $('#Zip_MedianRentalPricePerSqft_Mfr5Plus-chart-box').hide();
        }
    }else{
        $('#Zip_MedianRentalPricePerSqft_Mfr5Plus-chart-box').hide();
    }

    //----------------------------所有独栋别墅房产每平方英尺中位租金——折线图----------------------------
    var median_rental_price_per_sqft_sfr_result = [[${median_rental_price_per_sqft_sfr_result}]];
    //根据当前房源的类型判断图表是否显示隐藏
    if((global_houseType).toLowerCase() == 'sfr'){
        $('#Zip_MedianRentalPricePerSqft_Sfr-chart-box').show();
        if (median_rental_price_per_sqft_sfr_result && median_rental_price_per_sqft_sfr_result.length > 0) {
            $('#Zip_MedianRentalPricePerSqft_Sfr-chart-box').show();

            zilData_line_charts('Zip_MedianRentalPricePerSqft_Sfr-chart', median_rental_price_per_sqft_sfr_result, 'Sqft', '2', ['#82dfc2']);
        } else {
            $('#Zip_MedianRentalPricePerSqft_Sfr-chart-box').hide();
        }
    }else{
        $('#Zip_MedianRentalPricePerSqft_Sfr-chart-box').hide();
    }

    //----------------------------所有大开间房产每平方英尺中位租金——折线图----------------------------
    var median_rental_price_per_sqft_studio_result = [[${median_rental_price_per_sqft_studio_result}]];
    //根据当前房源的类型和卧室数量判断图表是否显示隐藏
    if((global_houseType).toLowerCase() == 'condo'
        && global_bedrooms == 0){
        $('#Zip_MedianRentalPricePerSqft_Studio-chart-box').show();
        if (median_rental_price_per_sqft_studio_result && median_rental_price_per_sqft_studio_result.length > 0) {
            $('#Zip_MedianRentalPricePerSqft_Studio-chart-box').show();

            zilData_line_charts('Zip_MedianRentalPricePerSqft_Studio-chart', median_rental_price_per_sqft_studio_result, 'Sqft', '2', ['#82dfc2']);
        } else {
            $('#Zip_MedianRentalPricePerSqft_Studio-chart-box').hide();
        }
    }else{
        $('#Zip_MedianRentalPricePerSqft_Studio-chart-box').hide();
    }

    //----------------------------多家庭公寓中位租金——折线图----------------------------
    var zri_multifamily_residence_rental_result = [[${zri_multifamily_residence_rental_result}]];
    //根据当前房源的类型判断图表是否显示隐藏
    if((global_houseType).toLowerCase() == 'condo'
        || (global_houseType).toLowerCase() == 'co-op'
        || (global_houseType).toLowerCase() == 'multi'){
        $('#Zip_Zri_MultiFamilyResidenceRental-chart-box').show();
        if (zri_multifamily_residence_rental_result && zri_multifamily_residence_rental_result.length > 0) {
            $('#Zip_Zri_MultiFamilyResidenceRental-chart-box').show();

            zilData_line_charts('Zip_Zri_MultiFamilyResidenceRental-chart', zri_multifamily_residence_rental_result, 'KM', '0', ['#82dfc2']);
        } else {
            $('#Zip_Zri_MultiFamilyResidenceRental-chart-box').hide();
        }
    }else{
        $('#Zip_Zri_MultiFamilyResidenceRental-chart-box').hide();
    }

    //----------------------------独栋别墅中位租金——折线图----------------------------
    var zri_single_family_residence_rental_result = [[${zri_single_family_residence_rental_result}]];
    //根据当前房源的类型判断图表是否显示隐藏
    if((global_houseType).toLowerCase() == 'sfr') {
        $('#Zip_Zri_SingleFamilyResidenceRental-chart-box').show();
        if (zri_single_family_residence_rental_result && zri_single_family_residence_rental_result.length > 0) {
            $('#Zip_Zri_SingleFamilyResidenceRental-chart-box').show();

            zilData_line_charts('Zip_Zri_SingleFamilyResidenceRental-chart', zri_single_family_residence_rental_result, 'KM', '0', ['#82dfc2']);
        } else {
            $('#Zip_Zri_SingleFamilyResidenceRental-chart-box').hide();
        }
    }else{
        $('#Zip_Zri_SingleFamilyResidenceRental-chart-box').hide();
    }

    //----------------------------所有房产中位租金——折线图----------------------------
    var zri_all_homes_plus_multifamily_result = [[${zri_all_homes_plus_multifamily_result}]];
    if (zri_all_homes_plus_multifamily_result && zri_all_homes_plus_multifamily_result.length > 0) {
        $('#Zip_Zri_AllHomesPlusMultifamily-chart-box').show();

        zilData_line_charts('Zip_Zri_AllHomesPlusMultifamily-chart', zri_all_homes_plus_multifamily_result, 'KM', '0', ['#82dfc2']);
    } else {
        $('#Zip_Zri_AllHomesPlusMultifamily-chart-box').hide();
    }

    //----------------------------所有房产每平方英尺平均租金——折线图----------------------------
    var zri_per_sqft_all_homes_result = [[${zri_per_sqft_all_homes_result}]];
    if (zri_per_sqft_all_homes_result && zri_per_sqft_all_homes_result.length > 0) {
        $('#Zip_ZriPerSqft_AllHomes-chart-box').show();

        zilData_line_charts('Zip_ZriPerSqft_AllHomes-chart', zri_per_sqft_all_homes_result, 'Sqft', '2', ['#82dfc2']);
    } else {
        $('#Zip_ZriPerSqft_AllHomes-chart-box').hide();
    }

    //----------------------------租金占家庭收入的比重——%大数据量面积折线图----------------------------
    var rent_affordability_result = [[${rent_affordability_result}]];
    if (rent_affordability_result && rent_affordability_result.length > 0) {
        $('#Affordability_Wide_2018Q2_Public_Rent-chart-box').show();

        Large_scale_area_charts('Affordability_Wide_2018Q2_Public_Rent-chart', rent_affordability_result, true);
    } else {
        $('#Affordability_Wide_2018Q2_Public_Rent-chart-box').hide();
    }


    //--------------------------------------------------房价概况--------------------------------------------------

    //----------------------------房价环比同比及预测（本邮编）——文字说明----------------------------
    var Summary_AllHomes_y_5_title;
    var Summary_AllHomes_y_10_title;
    var Summary_AllHomes_peak_month_title;
    var Summary_AllHomes_peak_quarter_title;
    var Summary_AllHomes_peak_zhvi_title;
    var Summary_AllHomes_zhvi_title;
    var Summary_AllHomes_pct_fall_from_peak_title;
    if(languageType == 'zh_cn'){
        Summary_AllHomes_y_5_title = '近5年来平均年增幅：';
        Summary_AllHomes_y_10_title = '近10年来平均年增幅：';
        Summary_AllHomes_peak_month_title = '历史房价最高的月份：';
        Summary_AllHomes_peak_quarter_title = '历史房价最高的季度：';
        Summary_AllHomes_peak_zhvi_title = '历史最高平均房价：';
        Summary_AllHomes_zhvi_title = '目前平均房价：';
        Summary_AllHomes_pct_fall_from_peak_title = '目前房价与历史房价相比：';
    }else if(languageType == 'en'){
        Summary_AllHomes_y_5_title = 'The average annual growth rate in the past 5 years：';
        Summary_AllHomes_y_10_title = 'The average annual growth rate in the past 10 years：';
        Summary_AllHomes_peak_month_title = 'History Month with the highest housing prices：';
        Summary_AllHomes_peak_quarter_title = 'Historical quarter with the highest housing prices：';
        Summary_AllHomes_peak_zhvi_title = 'Highest average house price in history：';
        Summary_AllHomes_zhvi_title = 'The current average house prices：';
        Summary_AllHomes_pct_fall_from_peak_title = 'The current house prices compared to historical prices：';
    }

    var zhvi_summary_all_homes_result = [[${zhvi_summary_all_homes_result}]];
    if (zhvi_summary_all_homes_result) {
        $('#Zip_Zhvi_Summary_AllHomes-box').show();
        $('#Zip_Zhvi_Summary_AllHomes-mom').text(mom_title + (zhvi_summary_all_homes_result.mom ? isNull0((zhvi_summary_all_homes_result.mom * 100).toFixed(2)) +'%' : '-'));
        $('#Zip_Zhvi_Summary_AllHomes-yoy').text(yoy_title + (zhvi_summary_all_homes_result.yoy ? isNull0((zhvi_summary_all_homes_result.yoy * 100).toFixed(2)) +'%' : '-'));
        $('#Zip_Zhvi_Summary_AllHomes-qoq').text(qoq_title + (zhvi_summary_all_homes_result.qoq ? isNull0((zhvi_summary_all_homes_result.qoq * 100).toFixed(2)) +'%' : '-'));
        $('#Zip_Zhvi_Summary_AllHomes-y_5').text(Summary_AllHomes_y_5_title + (zhvi_summary_all_homes_result.y_5 ? isNull0((zhvi_summary_all_homes_result.y_5 * 100).toFixed(2)) +'%' : '-'));
        $('#Zip_Zhvi_Summary_AllHomes-y_10').text(Summary_AllHomes_y_10_title + (zhvi_summary_all_homes_result.y_10 ? isNull0((zhvi_summary_all_homes_result.y_10 * 100).toFixed(2)) +'%' : '-'));

        $('#Zip_Zhvi_Summary_AllHomes-peak_month').text(Summary_AllHomes_peak_month_title + isNull0(zhvi_summary_all_homes_result.peak_month));
        $('#Zip_Zhvi_Summary_AllHomes-peak_quarter').text(Summary_AllHomes_peak_quarter_title + isNull0(zhvi_summary_all_homes_result.peak_quarter));
        $('#Zip_Zhvi_Summary_AllHomes-peak_zhvi').text(Summary_AllHomes_peak_zhvi_title + isNull0_USD(zhvi_summary_all_homes_result.peak_zhvi));
        $('#Zip_Zhvi_Summary_AllHomes-zhvi').text(Summary_AllHomes_zhvi_title + isNull0_USD(zhvi_summary_all_homes_result.zhvi));
        $('#Zip_Zhvi_Summary_AllHomes-pct_fall_from_peak').text(Summary_AllHomes_pct_fall_from_peak_title + (zhvi_summary_all_homes_result.pct_fall_from_peak ? isNull0((zhvi_summary_all_homes_result.pct_fall_from_peak * 100).toFixed(2)) +'%' : '-'));
    } else {
        $('#Zip_Zhvi_Summary_AllHomes-box').hide();
    }

    //----------------------------所有房产售租比——柱状图----------------------------
    var price_to_rent_ratio_all_homes_result = [[${price_to_rent_ratio_all_homes_result}]];
    if (price_to_rent_ratio_all_homes_result && price_to_rent_ratio_all_homes_result.length > 0) {
        $('#Zip_PriceToRentRatio_AllHomes-chart-box').show();
        var Zip_PriceToRentRatio_AllHomes_markPoint = {
            data: [
                {type: 'max', name: '最大值', symbolSize: 65, itemStyle:{ color: '#f44336'}},
                {type: 'min', name: '最小值', symbolSize: 65, itemStyle:{ color: '#03a9f4'}}
            ],
            label: {
                formatter: function (param) {
                    if(languageType == 'zh_cn'){
                        return param.value + '年'
                    }else if(languageType == 'en'){
                        return param.value + ' years'
                    }
                }
            }
        };

        if(languageType == 'zh_cn'){
            zilData_bar_charts('Zip_PriceToRentRatio_AllHomes-chart', '', ['所有房产售租比'], price_to_rent_ratio_all_homes_result, Zip_PriceToRentRatio_AllHomes_markPoint, charts_color);
        }else if(languageType == 'en'){
            zilData_bar_charts('Zip_PriceToRentRatio_AllHomes-chart', '', ['Price To Rent Ratio All Homes'], price_to_rent_ratio_all_homes_result, Zip_PriceToRentRatio_AllHomes_markPoint, charts_color);
        }
    } else {
        $('#Zip_PriceToRentRatio_AllHomes-chart-box').hide();
    }

    //----------------------------当月成交与挂牌房源比例（本城市）——%大数据量面积折线图----------------------------
    var sale_to_list_ratio_city_result = [[${sale_to_list_ratio_city_result}]];
    if (sale_to_list_ratio_city_result && sale_to_list_ratio_city_result.length > 0) {
        $('#SaleToListRatio_City-chart-box').show();

        Large_scale_area_charts('SaleToListRatio_City-chart', sale_to_list_ratio_city_result, true);
    } else {
        $('#SaleToListRatio_City-chart-box').hide();
    }

    //----------------------------中位挂牌时间（本城市）——柱状图----------------------------
    var days_on_market_city_result = [[${days_on_market_city_result}]];
    if (days_on_market_city_result && days_on_market_city_result.length > 0) {
        $('#DaysOnZillow_City-chart-box').show();

        var DaysOnZillow_City_markPoint = {
            data: [
                {type: 'max', name: '最大值', symbolSize: 65, itemStyle:{ color: '#f44336'}},
                {type: 'min', name: '最小值', symbolSize: 65, itemStyle:{ color: '#03a9f4'}}
            ],
            label: {
                formatter: function (param) {
                    if(languageType == 'zh_cn'){
                        return param.value + '天'
                    }else if(languageType == 'en'){
                        return param.value + ' days'
                    }
                }
            }
        };

        if(languageType == 'zh_cn'){
            zilData_bar_charts('DaysOnZillow_City-chart', '', ['中位挂牌时间（本城市）'], days_on_market_city_result, DaysOnZillow_City_markPoint, charts_color);
        }else if(languageType == 'en'){
            zilData_bar_charts('DaysOnZillow_City-chart', '', ['Median Listing Time (this city)'], days_on_market_city_result, DaysOnZillow_City_markPoint, charts_color);
        }
    } else {
        $('#DaysOnZillow_City-chart-box').hide();
    }

    //----------------------------低端房产中位挂牌价格——折线图----------------------------
    var median_listing_price_bottom_tier_result = [[${median_listing_price_bottom_tier_result}]];
    if (median_listing_price_bottom_tier_result && median_listing_price_bottom_tier_result.length > 0) {
        $('#Zip_MedianListingPrice_BottomTier-chart-box').show();

        zilData_line_charts('Zip_MedianListingPrice_BottomTier-chart', median_listing_price_bottom_tier_result, 'KM', '0', ['#82dfc2']);
    } else {
        $('#Zip_MedianListingPrice_BottomTier-chart-box').hide();
    }

    //----------------------------高端房产中位挂牌价格——折线图----------------------------
    var median_listing_price_top_tier_result = [[${median_listing_price_top_tier_result}]];
    if (median_listing_price_top_tier_result && median_listing_price_top_tier_result.length > 0) {
        $('#Zip_MedianListingPrice_TopTier-chart-box').show();

        zilData_line_charts('Zip_MedianListingPrice_TopTier-chart', median_listing_price_top_tier_result, 'KM', '0', ['#82dfc2']);
    } else {
        $('#Zip_MedianListingPrice_TopTier-chart-box').hide();
    }

    //----------------------------房产销售数量（本邮编）——柱状图----------------------------
    var sale_counts_result = [[${sale_counts_result}]];
    if (sale_counts_result && sale_counts_result.length > 0) {
        $('#Sale_Counts_Zip-chart-box').show();

        var Sale_Counts_Zip_markPoint = {
            data: [
                {type: 'max', name: '最大值', symbolSize: 65, itemStyle:{ color: '#f44336'}},
                {type: 'min', name: '最小值', symbolSize: 65, itemStyle:{ color: '#03a9f4'}}
            ],
            label: {
                formatter: function (param) {
                    if(languageType == 'zh_cn'){
                        return param.value + '套'
                    }else if(languageType == 'en'){
                        return param.value + ' a set'
                    }
                }
            }
        };

        if(languageType == 'zh_cn'){
            zilData_bar_charts('Sale_Counts_Zip-chart', '', ['房产销售数量（本邮编）'], sale_counts_result, Sale_Counts_Zip_markPoint, charts_color);
        }else if(languageType == 'en'){
            zilData_bar_charts('Sale_Counts_Zip-chart', '', ['House Sale Counts (this zipcode)'], sale_counts_result, Sale_Counts_Zip_markPoint, charts_color);
        }
    } else {
        $('#Sale_Counts_Zip-chart-box').hide();
    }

    //----------------------------房产销售数量（本城市）——柱状图----------------------------
    var sale_counts_seas_adj_city_result = [[${sale_counts_seas_adj_city_result}]];
    if (sale_counts_seas_adj_city_result && sale_counts_seas_adj_city_result.length > 0) {
        $('#Sale_Counts_Seas_Adj_City-chart-box').show();

        var Sale_Counts_Seas_Adj_City_markPoint = {
            data: [
                {type: 'max', name: '最大值', symbolSize: 65, itemStyle:{ color: '#f44336'}},
                {type: 'min', name: '最小值', symbolSize: 65, itemStyle:{ color: '#03a9f4'}}
            ],
            label: {
                formatter: function (param) {
                    if(languageType == 'zh_cn'){
                        return param.value + '套'
                    }else if(languageType == 'en'){
                        return param.value + ' a set'
                    }
                }
            }
        };

        if(languageType == 'zh_cn'){
            zilData_bar_charts('Sale_Counts_Seas_Adj_City-chart', '', ['房产销售数量（本城市）'], sale_counts_seas_adj_city_result, Sale_Counts_Seas_Adj_City_markPoint, charts_color);
        }else if(languageType == 'en'){
            zilData_bar_charts('Sale_Counts_Seas_Adj_City-chart', '', ['House Sale Counts (this city)'], sale_counts_seas_adj_city_result, Sale_Counts_Seas_Adj_City_markPoint, charts_color);
        }
    } else {
        $('#Sale_Counts_Seas_Adj_City-chart-box').hide();
    }


    //----------------------------所有房产平均成交价格——折线图----------------------------
    var sale_prices_result = [[${sale_prices_result}]];
    if (sale_prices_result && sale_prices_result.length > 0) {
        $('#Sale_Prices_Zip-chart-box').show();

        zilData_line_charts('Sale_Prices_Zip-chart', sale_prices_result, 'KM', '0', ['#82dfc2']);
    } else {
        $('#Sale_Prices_Zip-chart-box').hide();
    }

    //----------------------------所有房产中位单价（平方英尺）——折线图----------------------------
    var median_value_per_sqft_all_homes_result = [[${median_value_per_sqft_all_homes_result}]];
    if (median_value_per_sqft_all_homes_result && median_value_per_sqft_all_homes_result.length > 0) {
        $('#Zip_MedianValuePerSqft_AllHomes-chart-box').show();

        zilData_line_charts('Zip_MedianValuePerSqft_AllHomes-chart', median_value_per_sqft_all_homes_result, 'Sqft', '0', ['#82dfc2']);
    } else {
        $('#Zip_MedianValuePerSqft_AllHomes-chart-box').hide();
    }

    //----------------------------一居室户型中位房价——折线图----------------------------
    var zhvi_1bedroom_result = [[${zhvi_1bedroom_result}]];
    //根据当前房源的卧室数量判断图表是否显示隐藏
    if(global_bedrooms == 1) {
        $('#Zip_Zhvi_1bedroom-chart-box').show();
        if (zhvi_1bedroom_result && zhvi_1bedroom_result.length > 0) {
            $('#Zip_Zhvi_1bedroom-chart-box').show();

            zilData_line_charts('Zip_Zhvi_1bedroom-chart', zhvi_1bedroom_result, 'KM', '0', ['#82dfc2']);
        } else {
            $('#Zip_Zhvi_1bedroom-chart-box').hide();
        }
    }else{
        $('#Zip_Zhvi_1bedroom-chart-box').hide();
    }

    //----------------------------二居室户型中位房价——折线图----------------------------
    var zhvi_2bedroom_result = [[${zhvi_2bedroom_result}]];
    //根据当前房源的卧室数量判断图表是否显示隐藏
    if(global_bedrooms == 2) {
        $('#Zip_Zhvi_2bedroom-chart-box').show();
        if (zhvi_2bedroom_result && zhvi_2bedroom_result.length > 0) {
            $('#Zip_Zhvi_2bedroom-chart-box').show();

            zilData_line_charts('Zip_Zhvi_2bedroom-chart', zhvi_2bedroom_result, 'KM', '0', ['#82dfc2']);
        } else {
            $('#Zip_Zhvi_2bedroom-chart-box').hide();
        }
    }else{
        $('#Zip_Zhvi_2bedroom-chart-box').hide();
    }

    //----------------------------三居室户型中位房价——折线图----------------------------
    var zhvi_3bedroom_result = [[${zhvi_3bedroom_result}]];
    //根据当前房源的卧室数量判断图表是否显示隐藏
    if(global_bedrooms == 3) {
        $('#Zip_Zhvi_3bedroom-chart-box').show();
        if (zhvi_3bedroom_result && zhvi_3bedroom_result.length > 0) {
            $('#Zip_Zhvi_3bedroom-chart-box').show();

            zilData_line_charts('Zip_Zhvi_3bedroom-chart', zhvi_3bedroom_result, 'KM', '0', ['#82dfc2']);
        } else {
            $('#Zip_Zhvi_3bedroom-chart-box').hide();
        }
    }else{
        $('#Zip_Zhvi_3bedroom-chart-box').hide();
    }

    //----------------------------四居室户型中位房价——折线图----------------------------
    var zhvi_4bedroom_result = [[${zhvi_4bedroom_result}]];
    //根据当前房源的卧室数量判断图表是否显示隐藏
    if(global_bedrooms == 4) {
        $('#Zip_Zhvi_4bedroom-chart-box').show();
        if (zhvi_4bedroom_result && zhvi_4bedroom_result.length > 0) {
            $('#Zip_Zhvi_4bedroom-chart-box').show();

            zilData_line_charts('Zip_Zhvi_4bedroom-chart', zhvi_4bedroom_result, 'KM', '0', ['#82dfc2']);
        } else {
            $('#Zip_Zhvi_4bedroom-chart-box').hide();
        }
    }else{
        $('#Zip_Zhvi_4bedroom-chart-box').hide();
    }

    //----------------------------五室及以上户型中位房价——折线图----------------------------
    var zhvi_5bedroom_or_more_result = [[${zhvi_5bedroom_or_more_result}]];
    //根据当前房源的卧室数量判断图表是否显示隐藏
    if(global_bedrooms >= 5) {
        $('#Zip_Zhvi_5BedroomOrMore-chart-box').show();
        if (zhvi_5bedroom_or_more_result && zhvi_5bedroom_or_more_result.length > 0) {
            $('#Zip_Zhvi_5BedroomOrMore-chart-box').show();

            zilData_line_charts('Zip_Zhvi_5BedroomOrMore-chart', zhvi_5bedroom_or_more_result, 'KM', '0', ['#82dfc2']);
        } else {
            $('#Zip_Zhvi_5BedroomOrMore-chart-box').hide();
        }
    }else{
        $('#Zip_Zhvi_5BedroomOrMore-chart-box').hide();
    }

    //----------------------------所有户型均价包括独栋别墅、联排及公寓——折线图----------------------------
    var zhvi_all_homes_result = [[${zhvi_all_homes_result}]];
    if (zhvi_all_homes_result && zhvi_all_homes_result.length > 0) {
        $('#Zip_Zhvi_AllHomes-chart-box').show();

        zilData_line_charts('Zip_Zhvi_AllHomes-chart', zhvi_all_homes_result, 'KM', '0', ['#82dfc2']);
    } else {
        $('#Zip_Zhvi_AllHomes-chart-box').hide();
    }

    //----------------------------公寓及联排均价——折线图----------------------------
    var zhvi_condominum_result = [[${zhvi_condominum_result}]];
    //根据当前房源的类型判断图表是否显示隐藏
    if((global_houseType).toLowerCase() == 'condo'
        || (global_houseType).toLowerCase() == 'townhouse'){
        $('#Zip_Zhvi_Condominum-chart-box').show();
        if (zhvi_condominum_result && zhvi_condominum_result.length > 0) {
            $('#Zip_Zhvi_Condominum-chart-box').show();

            zilData_line_charts('Zip_Zhvi_Condominum-chart', zhvi_condominum_result, 'KM', '0', ['#82dfc2']);
        } else {
            $('#Zip_Zhvi_Condominum-chart-box').hide();
        }
    }else{
        $('#Zip_Zhvi_Condominum-chart-box').hide();
    }

    //----------------------------独栋别墅均价——折线图----------------------------
    var zhvi_single_family_residence_result = [[${zhvi_single_family_residence_result}]];
    //根据当前房源的类型判断图表是否显示隐藏
    if((global_houseType).toLowerCase() == 'sfr'){
        $('#Zip_Zhvi_SingleFamilyResidence-chart-box').show();
        if (zhvi_single_family_residence_result && zhvi_single_family_residence_result.length > 0) {
            $('#Zip_Zhvi_SingleFamilyResidence-chart-box').show();

            zilData_line_charts('Zip_Zhvi_SingleFamilyResidence-chart', zhvi_single_family_residence_result, 'KM', '0', ['#82dfc2']);
        } else {
            $('#Zip_Zhvi_SingleFamilyResidence-chart-box').hide();
        }
    }else{
        $('#Zip_Zhvi_SingleFamilyResidence-chart-box').hide();
    }

    //----------------------------低价位房产——%大数据量面积折线图----------------------------
    var zhvi_bottom_tier_yoy_result = [[${zhvi_bottom_tier_yoy_result}]];
    if (zhvi_bottom_tier_yoy_result && zhvi_bottom_tier_yoy_result.length > 0) {
        $('#Zip_Zhvi_BottomTier_yoy-chart-box').show();

        Large_scale_area_charts('Zip_Zhvi_BottomTier_yoy-chart', zhvi_bottom_tier_yoy_result, true);
    } else {
        $('#Zip_Zhvi_BottomTier_yoy-chart-box').hide();
    }

    //----------------------------低价位房产中位房价——折线图----------------------------
    var zhvi_bottom_tier_result = [[${zhvi_bottom_tier_result}]];
    if (zhvi_bottom_tier_result && zhvi_bottom_tier_result.length > 0) {
        $('#Zip_Zhvi_BottomTier-chart-box').show();

        zilData_line_charts('Zip_Zhvi_BottomTier-chart', zhvi_bottom_tier_result, 'KM', '0', ['#82dfc2']);
    } else {
        $('#Zip_Zhvi_BottomTier-chart-box').hide();
    }

    //----------------------------中价位房产——%大数据量面积折线图----------------------------
    var zhvi_middle_tier_yoy_result = [[${zhvi_middle_tier_yoy_result}]];
    if (zhvi_middle_tier_yoy_result && zhvi_middle_tier_yoy_result.length > 0) {
        $('#Zip_Zhvi_MiddleTier_yoy-chart-box').show();

        Large_scale_area_charts('Zip_Zhvi_MiddleTier_yoy-chart', zhvi_middle_tier_yoy_result, true);
    } else {
        $('#Zip_Zhvi_MiddleTier_yoy-chart-box').hide();
    }

    //----------------------------中价位房产中位房价——折线图----------------------------
    var zhvi_middle_tier_result = [[${zhvi_middle_tier_result}]];
    if (zhvi_middle_tier_result && zhvi_middle_tier_result.length > 0) {
        $('#Zip_Zhvi_MiddleTier-chart-box').show();

        zilData_line_charts('Zip_Zhvi_MiddleTier-chart', zhvi_middle_tier_result, 'KM', '0', ['#82dfc2']);
    } else {
        $('#Zip_Zhvi_MiddleTier-chart-box').hide();
    }

    //----------------------------高价位房产——%大数据量面积折线图----------------------------
    var zhvi_top_tier_yoy_result = [[${zhvi_top_tier_yoy_result}]];
    if (zhvi_top_tier_yoy_result && zhvi_top_tier_yoy_result.length > 0) {
        $('#Zip_Zhvi_TopTier_yoy-chart-box').show();

        Large_scale_area_charts('Zip_Zhvi_TopTier_yoy-chart', zhvi_top_tier_yoy_result, true);
    } else {
        $('#Zip_Zhvi_TopTier_yoy-chart-box').hide();
    }

    //----------------------------高价位房产中位房价——折线图----------------------------
    var zhvi_top_tier_result = [[${zhvi_top_tier_result}]];
    if (zhvi_top_tier_result && zhvi_top_tier_result.length > 0) {
        $('#Zip_Zhvi_TopTier-chart-box').show();

        zilData_line_charts('Zip_Zhvi_TopTier-chart', zhvi_top_tier_result, 'KM', '0', ['#82dfc2']);
    } else {
        $('#Zip_Zhvi_TopTier-chart-box').hide();
    }

    //----------------------------一居室房产标价每平方英尺中位价格——折线图----------------------------
    var median_listing_price_per_sqft_1bedroom_result = [[${median_listing_price_per_sqft_1bedroom_result}]];
    //根据当前房源的卧室数量判断图表是否显示隐藏
    if(global_bedrooms == 1) {
        $('#Zip_MedianListingPricePerSqft_1Bedroom-chart-box').show();
        if (median_listing_price_per_sqft_1bedroom_result && median_listing_price_per_sqft_1bedroom_result.length > 0) {
            $('#Zip_MedianListingPricePerSqft_1Bedroom-chart-box').show();

            zilData_line_charts('Zip_MedianListingPricePerSqft_1Bedroom-chart', median_listing_price_per_sqft_1bedroom_result, 'Sqft', '0', ['#82dfc2']);
        } else {
            $('#Zip_MedianListingPricePerSqft_1Bedroom-chart-box').hide();
        }
    }else{
        $('#Zip_MedianListingPricePerSqft_1Bedroom-chart-box').hide();
    }

    //----------------------------二居室房产标价每平方英尺中位价格——折线图----------------------------
    var median_listing_price_per_sqft_2bedroom_result = [[${median_listing_price_per_sqft_2bedroom_result}]];
    //根据当前房源的卧室数量判断图表是否显示隐藏
    if(global_bedrooms == 2) {
        $('#Zip_MedianListingPricePerSqft_2Bedroom-chart-box').show();
        if (median_listing_price_per_sqft_2bedroom_result && median_listing_price_per_sqft_2bedroom_result.length > 0) {
            $('#Zip_MedianListingPricePerSqft_2Bedroom-chart-box').show();

            zilData_line_charts('Zip_MedianListingPricePerSqft_2Bedroom-chart', median_listing_price_per_sqft_2bedroom_result, 'Sqft', '0', ['#82dfc2']);
        } else {
            $('#Zip_MedianListingPricePerSqft_2Bedroom-chart-box').hide();
        }
    }else{
        $('#Zip_MedianListingPricePerSqft_2Bedroom-chart-box').hide();
    }

    //----------------------------三居室房产标价每平方英尺中位价格——折线图----------------------------
    var median_listing_price_per_sqft_3bedroom_result = [[${median_listing_price_per_sqft_3bedroom_result}]];
    //根据当前房源的卧室数量判断图表是否显示隐藏
    if(global_bedrooms == 3) {
        $('#Zip_MedianListingPricePerSqft_3Bedroom-chart-box').show();
        if (median_listing_price_per_sqft_3bedroom_result && median_listing_price_per_sqft_3bedroom_result.length > 0) {
            $('#Zip_MedianListingPricePerSqft_3Bedroom-chart-box').show();

            zilData_line_charts('Zip_MedianListingPricePerSqft_3Bedroom-chart', median_listing_price_per_sqft_3bedroom_result, 'Sqft', '0', ['#82dfc2']);
        } else {
            $('#Zip_MedianListingPricePerSqft_3Bedroom-chart-box').hide();
        }
    }else{
        $('#Zip_MedianListingPricePerSqft_3Bedroom-chart-box').hide();
    }

    //----------------------------四居室房产标价每平方英尺中位价格——折线图----------------------------
    var median_listing_price_per_sqft_4bedroom_result = [[${median_listing_price_per_sqft_4bedroom_result}]];
    //根据当前房源的卧室数量判断图表是否显示隐藏
    if(global_bedrooms == 4) {
        $('#Zip_MedianListingPricePerSqft_4Bedroom-chart-box').show();
        if (median_listing_price_per_sqft_4bedroom_result && median_listing_price_per_sqft_4bedroom_result.length > 0) {
            $('#Zip_MedianListingPricePerSqft_4Bedroom-chart-box').show();

            zilData_line_charts('Zip_MedianListingPricePerSqft_4Bedroom-chart', median_listing_price_per_sqft_4bedroom_result, 'Sqft', '0', ['#82dfc2']);
        } else {
            $('#Zip_MedianListingPricePerSqft_4Bedroom-chart-box').hide();
        }
    }else{
        $('#Zip_MedianListingPricePerSqft_4Bedroom-chart-box').hide();
    }

    //----------------------------五居室及以上房产标价每平方英尺中位价格——折线图----------------------------
    var median_listing_price_per_sqft_5bedroom_or_more_result = [[${median_listing_price_per_sqft_5bedroom_or_more_result}]];
    //根据当前房源的卧室数量判断图表是否显示隐藏
    if(global_bedrooms >= 5) {
        $('#Zip_MedianListingPricePerSqft_5BedroomOrMore-chart-box').show();
        if (median_listing_price_per_sqft_5bedroom_or_more_result && median_listing_price_per_sqft_5bedroom_or_more_result.length > 0) {
            $('#Zip_MedianListingPricePerSqft_5BedroomOrMore-chart-box').show();

            zilData_line_charts('Zip_MedianListingPricePerSqft_5BedroomOrMore-chart', median_listing_price_per_sqft_5bedroom_or_more_result, 'Sqft', '0', ['#82dfc2']);
        } else {
            $('#Zip_MedianListingPricePerSqft_5BedroomOrMore-chart-box').hide();
        }
    }else{
        $('#Zip_MedianListingPricePerSqft_5BedroomOrMore-chart-box').hide();
    }

    //----------------------------所有户型标价每平方英尺中位价格——折线图----------------------------
    var median_listing_price_per_sqft_all_homes_result = [[${median_listing_price_per_sqft_all_homes_result}]];
    if (median_listing_price_per_sqft_all_homes_result && median_listing_price_per_sqft_all_homes_result.length > 0) {
        $('#Zip_MedianListingPricePerSqft_AllHomes-chart-box').show();

        zilData_line_charts('Zip_MedianListingPricePerSqft_AllHomes-chart', median_listing_price_per_sqft_all_homes_result, 'Sqft', '0', ['#82dfc2']);
    } else {
        $('#Zip_MedianListingPricePerSqft_AllHomes-chart-box').hide();
    }

    //----------------------------公寓及联排房产标价每平方英尺中位价格——折线图----------------------------
    var median_listing_price_per_sqft_condo_coop_result = [[${median_listing_price_per_sqft_condo_coop_result}]];
    //根据当前房源的类型判断图表是否显示隐藏
    if((global_houseType).toLowerCase() == 'condo'
        || (global_houseType).toLowerCase() == 'townhouse'){
        $('#Zip_MedianListingPricePerSqft_CondoCoop-chart-box').show();
        if (median_listing_price_per_sqft_condo_coop_result && median_listing_price_per_sqft_condo_coop_result.length > 0) {
            $('#Zip_MedianListingPricePerSqft_CondoCoop-chart-box').show();

            zilData_line_charts('Zip_MedianListingPricePerSqft_CondoCoop-chart', median_listing_price_per_sqft_condo_coop_result, 'Sqft', '0', ['#82dfc2']);
        } else {
            $('#Zip_MedianListingPricePerSqft_CondoCoop-chart-box').hide();
        }
    }else{
        $('#Zip_MedianListingPricePerSqft_CondoCoop-chart-box').hide();
    }

    //----------------------------双拼及三拼房产标价每平方英尺中位价格——折线图----------------------------
    var median_listing_price_per_sqft_duplex_triplex_result = [[${median_listing_price_per_sqft_duplex_triplex_result}]];
    //根据当前房源的类型判断图表是否显示隐藏
    if((global_originalType).toLowerCase() == 'duplex'
        || (global_originalType).toLowerCase() == 'triplex'){
        $('#Zip_MedianListingPricePerSqft_DuplexTriplex-chart-box').show();
        if (median_listing_price_per_sqft_duplex_triplex_result && median_listing_price_per_sqft_duplex_triplex_result.length > 0) {
            $('#Zip_MedianListingPricePerSqft_DuplexTriplex-chart-box').show();

            zilData_line_charts('Zip_MedianListingPricePerSqft_DuplexTriplex-chart', median_listing_price_per_sqft_duplex_triplex_result, 'Sqft', '0', ['#82dfc2']);
        } else {
            $('#Zip_MedianListingPricePerSqft_DuplexTriplex-chart-box').hide();
        }
    }else{
        $('#Zip_MedianListingPricePerSqft_DuplexTriplex-chart-box').hide();
    }

    //----------------------------独栋房产标价每平方英尺中位价格——折线图----------------------------
    var median_listing_price_per_sqft_sfr_result = [[${median_listing_price_per_sqft_sfr_result}]];
    //根据当前房源的类型判断图表是否显示隐藏
    if((global_houseType).toLowerCase() == 'sfr'){
        $('#Zip_MedianListingPricePerSqft_Sfr-chart-box').show();
        if (median_listing_price_per_sqft_sfr_result && median_listing_price_per_sqft_sfr_result.length > 0) {
            $('#Zip_MedianListingPricePerSqft_Sfr-chart-box').show();

            zilData_line_charts('Zip_MedianListingPricePerSqft_Sfr-chart', median_listing_price_per_sqft_sfr_result, 'Sqft', '0', ['#82dfc2']);
        } else {
            $('#Zip_MedianListingPricePerSqft_Sfr-chart-box').hide();
        }
    }else{
        $('#Zip_MedianListingPricePerSqft_Sfr-chart-box').hide();
    }


    //--------------------------------------------------贷款概况--------------------------------------------------

    //----------------------------超大贷款利息——%大数据量面积折线图----------------------------
    var mortgage_rate_jumbo_fixed_result = [[${mortgage_rate_jumbo_fixed_result}]];
    if (mortgage_rate_jumbo_fixed_result && mortgage_rate_jumbo_fixed_result.length > 0) {
        $('#MortgageRateJumboFixed-chart-box').show();

        Large_scale_area_charts('MortgageRateJumboFixed-chart', mortgage_rate_jumbo_fixed_result, false);
    } else {
        $('#MortgageRateJumboFixed-chart-box').hide();
    }

    //----------------------------传统贷款利息——%大数据量面积折线图----------------------------
    var mortgage_rate_conventional_fixed_result = [[${mortgage_rate_conventional_fixed_result}]];
    if (mortgage_rate_conventional_fixed_result && mortgage_rate_conventional_fixed_result.length > 0) {
        $('#MortgageRateConventionalFixed-chart-box').show();

        Large_scale_area_charts('MortgageRateConventionalFixed-chart', mortgage_rate_conventional_fixed_result, false);
    } else {
        $('#MortgageRateConventionalFixed-chart-box').hide();
    }

    //----------------------------贷款月供占家庭收入的比重——%大数据量面积折线图----------------------------
    var mortgage_affordability_result = [[${mortgage_affordability_result}]];
    if (mortgage_affordability_result && mortgage_affordability_result.length > 0) {
        $('#Affordability_Wide_2018Q2_Public_Mortgage-chart-box').show();

        Large_scale_area_charts('Affordability_Wide_2018Q2_Public_Mortgage-chart', mortgage_affordability_result, true);
    } else {
        $('#Affordability_Wide_2018Q2_Public_Mortgage-chart-box').hide();
    }


    //--------------------------------------------------市场概况--------------------------------------------------

    //----------------------------房价下跌房产所占比例——%大数据量面积折线图----------------------------
    var pct_of_homes_decreasing_in_values_all_homes_result = [[${pct_of_homes_decreasing_in_values_all_homes_result}]];
    if (pct_of_homes_decreasing_in_values_all_homes_result && pct_of_homes_decreasing_in_values_all_homes_result.length > 0) {
        $('#Zip_PctOfHomesDecreasingInValues_AllHomes-chart-box').show();

        Large_scale_area_charts('Zip_PctOfHomesDecreasingInValues_AllHomes-chart', pct_of_homes_decreasing_in_values_all_homes_result, false);
    } else {
        $('#Zip_PctOfHomesDecreasingInValues_AllHomes-chart-box').hide();
    }

    //----------------------------房价升值房产所占比例——%大数据量面积折线图----------------------------
    var pct_of_homes_increasing_in_values_all_homes_result = [[${pct_of_homes_increasing_in_values_all_homes_result}]];
    if (pct_of_homes_increasing_in_values_all_homes_result && pct_of_homes_increasing_in_values_all_homes_result.length > 0) {
        $('#Zip_PctOfHomesIncreasingInValues_AllHomes-chart-box').show();

        Large_scale_area_charts('Zip_PctOfHomesIncreasingInValues_AllHomes-chart', pct_of_homes_increasing_in_values_all_homes_result, false);
    } else {
        $('#Zip_PctOfHomesIncreasingInValues_AllHomes-chart-box').hide();
    }

    //----------------------------降价房产比例（所有房产）——%大数据量面积折线图----------------------------
    var pct_of_listings_with_price_reductions_all_homes_result = [[${pct_of_listings_with_price_reductions_all_homes_result}]];
    if (pct_of_listings_with_price_reductions_all_homes_result && pct_of_listings_with_price_reductions_all_homes_result.length > 0) {
        $('#Zip_PctOfListingsWithPriceReductions_AllHomes-chart-box').show();

        Large_scale_area_charts('Zip_PctOfListingsWithPriceReductions_AllHomes-chart', pct_of_listings_with_price_reductions_all_homes_result, false);
    } else {
        $('#Zip_PctOfListingsWithPriceReductions_AllHomes-chart-box').hide();
    }

    //----------------------------降价房产比例（公寓及联排）——%大数据量面积折线图----------------------------
    var pct_of_listings_with_price_reductions_condominum_result = [[${pct_of_listings_with_price_reductions_condominum_result}]];
    //根据当前房源的类型判断图表是否显示隐藏
    if((global_houseType).toLowerCase() == 'condo'
        || (global_houseType).toLowerCase() == 'townhouse'){
        $('#Zip_PctOfListingsWithPriceReductions_Condominum-chart-box').show();
        if (pct_of_listings_with_price_reductions_condominum_result && pct_of_listings_with_price_reductions_condominum_result.length > 0) {
            $('#Zip_PctOfListingsWithPriceReductions_Condominum-chart-box').show();

            Large_scale_area_charts('Zip_PctOfListingsWithPriceReductions_Condominum-chart', pct_of_listings_with_price_reductions_condominum_result, false);
        } else {
            $('#Zip_PctOfListingsWithPriceReductions_Condominum-chart-box').hide();
        }
    }else{
        $('#Zip_PctOfListingsWithPriceReductions_Condominum-chart-box').hide();
    };


    //----------------------------降价房产比例（独栋别墅）——%大数据量面积折线图----------------------------
    var pct_of_listings_with_price_reductions_single_family_residence_result = [[${pct_of_listings_with_price_reductions_single_family_residence_result}]];
    //根据当前房源的类型判断图表是否显示隐藏
    if((global_houseType).toLowerCase() == 'sfr'){
        $('#Zip_PctOfListingsWithPriceReductions_SingleFamilyResidence-chart-box').show();
        if (pct_of_listings_with_price_reductions_single_family_residence_result && pct_of_listings_with_price_reductions_single_family_residence_result.length > 0) {
            $('#Zip_PctOfListingsWithPriceReductions_SingleFamilyResidence-chart-box').show();

            Large_scale_area_charts('Zip_PctOfListingsWithPriceReductions_SingleFamilyResidence-chart', pct_of_listings_with_price_reductions_single_family_residence_result, false);
        } else {
            $('#Zip_PctOfListingsWithPriceReductions_SingleFamilyResidence-chart-box').hide();
        }
    }else{
        $('#Zip_PctOfListingsWithPriceReductions_SingleFamilyResidence-chart-box').hide();
    };

    //----------------------------存量房季度调整后数字——折线图----------------------------
    var inventory_measure_ssa_public_result = [[${inventory_measure_ssa_public_result}]];
    if (inventory_measure_ssa_public_result && inventory_measure_ssa_public_result.length > 0) {
        $('#InventoryMeasure_SSA_Zip_Public-chart-box').show();

        var InventoryMeasure_SSA_Zip_Public_markPoint = {
            data: [
                {type: 'max', name: '最大值', symbolSize: 65, itemStyle:{ color: '#f44336'}},
                {type: 'min', name: '最小值', symbolSize: 65, itemStyle:{ color: '#03a9f4'}}
            ],
            label: {
                formatter: function (param) {
                    if(languageType == 'zh_cn'){
                        return param.value + '套'
                    }else if(languageType == 'en'){
                        return param.value + ' a set'
                    }
                }
            }
        };
        zilData_bar_charts('InventoryMeasure_SSA_Zip_Public-chart', '', ['存量房季度调整后数字'], inventory_measure_ssa_public_result, InventoryMeasure_SSA_Zip_Public_markPoint, charts_color);
    } else {
        $('#InventoryMeasure_SSA_Zip_Public-chart-box').hide();
    }

    //----------------------------存量房数字——折线图----------------------------
    var inventory_measure_public_result = [[${inventory_measure_public_result}]];
    if (inventory_measure_public_result && inventory_measure_public_result.length > 0) {
        $('#InventoryMeasure_Zip_Public-chart-box').show();

        var InventoryMeasure_Zip_Public_markPoint = {
            data: [
                {type: 'max', name: '最大值', symbolSize: 65, itemStyle:{ color: '#f44336'}},
                {type: 'min', name: '最小值', symbolSize: 65, itemStyle:{ color: '#03a9f4'}}
            ],
            label: {
                formatter: function (param) {
                    if(languageType == 'zh_cn'){
                        return param.value + '套'
                    }else if(languageType == 'en'){
                        return param.value + ' a set'
                    }
                }
            }
        };
        zilData_bar_charts('InventoryMeasure_Zip_Public-chart', '', ['存量房数字'], inventory_measure_public_result, InventoryMeasure_Zip_Public_markPoint, charts_color);
    } else {
        $('#InventoryMeasure_Zip_Public-chart-box').hide();
    }

    //----------------------------存量房数字及高中低价位房产分布比例（本都会区）——柱状图----------------------------
    var inventory_measure_tiers_metro_public_count_result = [[${inventory_measure_tiers_metro_public_count_result}]];//存量房数字
    var inventory_measure_tiers_metro_public_pct_result = [[${inventory_measure_tiers_metro_public_pct_result}]];//高中低价位房产分布比例
    if (inventory_measure_tiers_metro_public_count_result || inventory_measure_tiers_metro_public_pct_result) {
        if (inventory_measure_tiers_metro_public_count_result.top || inventory_measure_tiers_metro_public_count_result.middle || inventory_measure_tiers_metro_public_count_result.bottom
            || inventory_measure_tiers_metro_public_pct_result.top || inventory_measure_tiers_metro_public_pct_result.middle || inventory_measure_tiers_metro_public_pct_result.bottom) {
            $('#InventoryMeasure_Tiers_Metro_Public-chart-box').show();

            //存量房数字
            if (inventory_measure_tiers_metro_public_count_result.top || inventory_measure_tiers_metro_public_count_result.middle || inventory_measure_tiers_metro_public_count_result.bottom) {
                $('#InventoryMeasure_Metro-chart').show();

                InventoryMeasure_Metro_charts(inventory_measure_tiers_metro_public_count_result);
            } else {
                $('#InventoryMeasure_Metro-chart').hide();
            }

            //高中低价位房产分布比例
            if (inventory_measure_tiers_metro_public_pct_result.top || inventory_measure_tiers_metro_public_pct_result.middle || inventory_measure_tiers_metro_public_pct_result.bottom) {
                $('#Tiers_Metro-chart').show();

                Tiers_Metro_charts(inventory_measure_tiers_metro_public_pct_result);
            } else {
                $('#Tiers_Metro-chart').hide();
            }
        } else {
            $('#InventoryMeasure_Tiers_Metro_Public-chart-box').hide();
        }
    } else {
        $('#InventoryMeasure_Tiers_Metro_Public-chart-box').hide();
    }


    //----------------------------房价与家庭年收入的比例——%大数据量面积折线图----------------------------
    var price_to_income_result = [[${price_to_income_result}]];
    if (price_to_income_result && price_to_income_result.length > 0) {
        $('#Affordability_Wide_2018Q2_Public_Market-chart-box').show();

        Large_scale_area_charts('Affordability_Wide_2018Q2_Public_Market-chart', price_to_income_result, false);
    } else {
        $('#Affordability_Wide_2018Q2_Public_Market-chart-box').hide();
    }

    //----------------------------负资产率（本都会区）——文字说明----------------------------
    var negative_equity_metro_result = [[${negative_equity_metro_result}]];
    if (negative_equity_metro_result) {
        if (negative_equity_metro_result.bottom_tier_ne_pct || negative_equity_metro_result.middle_tier_ne_pct || negative_equity_metro_result.top_tier_ne_pct) {
            $('#Metro_NETiers_2017Q4-box').show();
            $('#Metro_NETiers_2017Q4-bottom_tier_ne_pct').text(negative_equity_metro_result.bottom_tier_ne_pct ? isNull0((negative_equity_metro_result.bottom_tier_ne_pct * 100).toFixed(2)) +'%' : '-');
            $('#Metro_NETiers_2017Q4-middle_tier_ne_pct').text(negative_equity_metro_result.middle_tier_ne_pct ? isNull0((negative_equity_metro_result.middle_tier_ne_pct * 100).toFixed(2)) +'%' : '-');
            $('#Metro_NETiers_2017Q4-top_tier_ne_pct').text(negative_equity_metro_result.top_tier_ne_pct ? isNull0((negative_equity_metro_result.top_tier_ne_pct * 100).toFixed(2)) +'%' : '-');
        } else {
            $('#Metro_NETiers_2017Q4-box').hide();
        }
    } else {
        $('#Metro_NETiers_2017Q4-box').hide();
    }

    //----------------------------负资产率（本城市）——%大数据量面积折线图----------------------------
    var negative_equity_city_result = [[${negative_equity_city_result}]];
    if (negative_equity_city_result && negative_equity_city_result.length > 0) {
        $('#NegativeEquity_2017Q4_Public-chart-box').show();

        Large_scale_area_charts('NegativeEquity_2017Q4_Public-chart', negative_equity_city_result, true);
    } else {
        $('#NegativeEquity_2017Q4_Public-chart-box').hide();
    }

    //----------------------------房产换手率——%大数据量面积折线图----------------------------
    var monthly_turnover_result = [[${monthly_turnover_result}]];
    if (monthly_turnover_result && monthly_turnover_result.length > 0) {
        $('#MonthlyTurnover_Zip-chart-box').show();

        Large_scale_area_charts('MonthlyTurnover_Zip-chart', monthly_turnover_result, true);
    } else {
        $('#MonthlyTurnover_Zip-chart-box').hide();
    }

    //----------------------------法拍房比例（10000个房产里面的法拍个数）——%大数据量面积折线图----------------------------
    var foreclosures_per_10k_homes_result = [[${foreclosures_per_10k_homes_result}]];
    if (foreclosures_per_10k_homes_result && foreclosures_per_10k_homes_result.length > 0) {
        //提取出value有值的数据，为''或0的剔除掉
        var foreclosures_per_10k_homes_result_filterValue = [];
        foreclosures_per_10k_homes_result.forEach(function (item) {
            if (item.value != 0 && item.value != "") {
                foreclosures_per_10k_homes_result_filterValue.push(item);
            }
        });

        //判断有值的数组是否有数据，没有数据的话就不展示图表了
        if (foreclosures_per_10k_homes_result_filterValue.length > 0) {
            $('#ForeclosuresPer10Khomes_Zip-chart-box').show();
            Large_scale_area_charts('ForeclosuresPer10Khomes_Zip-chart', foreclosures_per_10k_homes_result_filterValue, false);
        } else {
            $('#ForeclosuresPer10Khomes_Zip-chart-box').hide();
        }
    } else {
        $('#ForeclosuresPer10Khomes_Zip-chart-box').hide();
    }

    //----------------------------买方卖方指数（本都会区）——文字说明----------------------------
    var buyer_seller_index_result = [[${buyer_seller_index_result}]];
    //判断对象是否为空
    if (buyer_seller_index_result) {
        if (buyer_seller_index_result.buyer_seller_index || buyer_seller_index_result.buyer_seller_index_metro || buyer_seller_index_result.days_on_market || buyer_seller_index_result.pct_price_cut) {
            $('#BuyerSellerIndex-box').show();
            $('#BuyerSellerIndex-pct_price_cut').text(buyer_seller_index_result.pct_price_cut ? (buyer_seller_index_result.pct_price_cut).toFixed(2) +'%' : '-');
            $('#BuyerSellerIndex-days_on_market').text(isNull0(buyer_seller_index_result.days_on_market, '天'));
            $('#BuyerSellerIndex-buyer_seller_index').text(buyer_seller_index_result.buyer_seller_index ? (buyer_seller_index_result.buyer_seller_index).toFixed(2) : '-');
            $('#BuyerSellerIndex-buyer_seller_index_metro').text(buyer_seller_index_result.buyer_seller_index_metro ? (buyer_seller_index_result.buyer_seller_index_metro).toFixed(2) : '-');
        } else {
            $('#BuyerSellerIndex-box').hide();
        }
    } else {
        $('#BuyerSellerIndex-box').hide();
    }

    //----------------------------市场健康指数——文字说明----------------------------
    var market_health_index_result = [[${market_health_index_result}]];
    //判断对象是否为空
    if (market_health_index_result) {
        if (market_health_index_result.market_health_index || market_health_index_result.sell_for_gain || market_health_index_result.zhvi
            || market_health_index_result.mom || market_health_index_result.yoy || market_health_index_result.forecast_yoy_pct_change
            || market_health_index_result.days_on_market || market_health_index_result.delinquency || market_health_index_result.negative_equity) {
            $('#MarketHealthIndex-box').show();
            $('#MarketHealthIndex-market_health_index').text(market_health_index_result.market_health_index ? (market_health_index_result.market_health_index).toFixed(2) : '-');
            $('#MarketHealthIndex-sell_for_gain').text(market_health_index_result.sell_for_gain ? (market_health_index_result.sell_for_gain).toFixed(2) +'%' : '-');
            $('#MarketHealthIndex-zhvi').text(isNull0_USD(market_health_index_result.zhvi));
            $('#MarketHealthIndex-mom').text(market_health_index_result.mom ? (market_health_index_result.mom).toFixed(2) +'%' : '-');
            $('#MarketHealthIndex-yoy').text(market_health_index_result.yoy ? (market_health_index_result.yoy).toFixed(2) +'%' : '-');
            $('#MarketHealthIndex-forecast_yoy_pct_change').text(market_health_index_result.forecast_yoy_pct_change ? (market_health_index_result.forecast_yoy_pct_change * 100).toFixed(2) +'%' : '-');
            $('#MarketHealthIndex-days_on_market').text(isNull0(market_health_index_result.days_on_market, '天'));
            $('#MarketHealthIndex-delinquency').text(market_health_index_result.delinquency ? (market_health_index_result.delinquency * 100).toFixed(2) +'%' : '-');
            $('#MarketHealthIndex-negative_equity').text(market_health_index_result.negative_equity ? (market_health_index_result.negative_equity * 100).toFixed(2) +'%' : '-');
        } else {
            $('#MarketHealthIndex-box').hide();
        }
    } else {
        $('#MarketHealthIndex-box').hide();
    }


    //--------------------------------------------------地区概况--------------------------------------------------

    //----------------------------中位家庭收入（本都会区）——折线图----------------------------
    var affordability_income_result = [[${affordability_income_result}]];
    if (affordability_income_result && affordability_income_result.length > 0) {
        $('#Affordability_Income_2018Q2-chart-box, #RegionSituation-chartBox').show();

        zilData_line_charts('Affordability_Income_2018Q2-chart', affordability_income_result, 'KM', '0', ['#82dfc2']);
    } else {
        $('#Affordability_Income_2018Q2-chart-box, #RegionSituation-chartBox').hide();
    }


    //--------------------------------------------------mapboxgl地图--------------------------------------------------
    L.mapbox.accessToken = 'pk.eyJ1Ijoiemh1c2VubGluIiwiYSI6ImNqb3B1cXhzNTAyZDczd255bG56eXBseTUifQ.acMNtSMPqs7tUQU5EP_5cg';

    var school_attendance = [[${school_attendance_area}]];
    // console.log(school_attendance)

    var thisHouseAddress = school_attendance.address;
    var thisHouseLatLng = [school_attendance.lat, school_attendance.lng];

    var elementarySchoolData = [];  //小学学区范围——坐标和多边形区域数据
    var middleSchoolData = [];  //初中学区范围——坐标和多边形区域数据
    var highSchoolData = [];    //高中学区范围——坐标和多边形区域数据
    var filterLngLat0_elementarySchool = [];//小学学区——过滤掉经纬度是0的数据，避免经纬度是0,0定位到非洲大西洋
    var filterLngLat0_middleSchool = [];//初中学区——过滤掉经纬度是0的数据，避免经纬度是0,0定位到非洲大西洋
    var filterLngLat0_highSchool = [];//高中学区——过滤掉经纬度是0的数据，避免经纬度是0,0定位到非洲大西洋
    var filterLngLat0_POI = [];//POI周边信息——过滤掉经纬度是0的数据，避免经纬度是0,0定位到非洲大西洋

    if(school_attendance.lat && school_attendance.lng && school_attendance.schools.length > 0){
        $('#school-district-map').show();

        //过滤筛选出小学、初中、高中
        school_attendance.schools.forEach(function(i) {
            if(i.has_elementary){
                elementarySchoolData.push(i);
            }
            if(i.has_middle){
                middleSchoolData.push(i);
            }
            if(i.has_high){
                highSchoolData.push(i);
            }
        });

        // console.log(elementarySchoolData)
        // console.log(middleSchoolData)
        // console.log(highSchoolData)

        //----------------------------地图——学区信息——小学学校范围坐标----------------------------
        if(elementarySchoolData.length > 0){
            $('#elementary-schoolDistrict-map-box').show();
            $('#elementarySchool-map').find('h4').hide();
            //加载地图
            elementarySchool_initializeMap();
        }else{
            $('#elementary-schoolDistrict-map-box').hide();
            $('#elementarySchool-map').find('h4').show();
        }

        //----------------------------地图——学区信息——初中学校范围坐标----------------------------
        if(middleSchoolData.length > 0){
            $('#middle-schoolDistrict-map-box').show();
            $('#middleSchool-map').find('h4').hide();
            //加载初中学区地图
            middleSchool_initializeMap();
        }else{
            $('#middle-schoolDistrict-map-box').hide();
            $('#middleSchool-map').find('h4').show();
        }

        //----------------------------地图——学区信息——高中学校范围坐标----------------------------
        if(highSchoolData.length > 0){
            $('#high-schoolDistrict-map-box').show();
            $('#highSchool-map').find('h4').hide();
            //加载高中学区地图
            highSchool_initializeMap();
        }else{
            $('#high-schoolDistrict-map-box').hide();
            $('#highSchool-map').find('h4').show();
        }
    }else{
        $('#school-district-map').hide();
    }

    //小学学区范围——地图配置
    function elementarySchool_initializeMap(){
        var elementarySchool_myMap = L.mapbox.map('elementary-schoolDistrict-map', 'mapbox.streets',{
            zoom: 15,
            center: thisHouseLatLng,
            minZoom: 4,//最大缩小比例
            scrollWheelZoom: false,//禁用滚轮缩放
        });
        L.control.scale().addTo(elementarySchool_myMap);//添加控件——比例尺

        //添加到地图
        var elementarySchool_thisHouse_Marker = L.divIcon({
            className: 'thisHouse-marker-label',
            html: '<img src="/img/house-marker.png"/>'
        });
        L.marker(thisHouseLatLng, {icon: elementarySchool_thisHouse_Marker}).addTo(elementarySchool_myMap);

        var elementarySchool_geojson = [];
        //创建小学的学区范围和marker点
        elementarySchoolData.forEach(function(i, index) {
            var elementarySchoolObj = {
                grade_low: i.grade_low,
                grade_high: i.grade_high,
                name: i.name,
                geometry: i.geometry,
                position: [i.lat, i.lng],
            };

            //添加到地图
            var elementarySchool_Marker = L.divIcon({
                className: 'school-marker-label',
                // html: '<div>'+ isNull0(i.grade_low) +'~'+ isNull0(i.grade_high) +'</div>'
                html: '<div></div>'
            });
            L.marker(elementarySchoolObj.position, {icon: elementarySchool_Marker}).addTo(elementarySchool_myMap);

            //学校的hover时添加其GeoJson数据，绘制多边形区域
            if (elementarySchoolObj.geometry) {
                elementarySchool_geojson.push({
                    "type": "Feature",
                    "geometry": {
                        "type": elementarySchoolObj.geometry[0].type,
                        "coordinates": elementarySchoolObj.geometry[0].coordinates
                    },
                    "properties": {
                        "stroke": "#2f7800",
                        "stroke-width": 2,
                        "stroke-opacity": 0.9,
                        "fill": randomGreenColor(),
                        "fill-opacity": 0.3
                    }
                });

                i.geometry.forEach(function(item_geometry) {
                    item_geometry.coordinates.forEach(function(item_geometry_coordinates) {
                        item_geometry_coordinates.forEach(function(item_geometry_coordinates_i) {
                            item_geometry_coordinates_i.forEach(function(i) {
                                filterLngLat0_elementarySchool.push(i)
                            });
                        });
                    });
                });
            }
        });

        // 检查是否加载完成了Mapbox-GL样式
        // elementarySchool_myMap.addEventListener('load', function(e) {
        //     console.log(e)
        // });

        if(elementarySchool_geojson.length > 0){
            L.geoJson(elementarySchool_geojson, { style: L.mapbox.simplestyle.style }).addTo(elementarySchool_myMap);
        }
        // console.log(filterLngLat0_elementarySchool)
        if(filterLngLat0_elementarySchool.length > 0){
            //提取出所有房源坐标点的经度和纬度
            var latItem = [];
            var lngItem = [];
            filterLngLat0_elementarySchool.forEach(function(i) {
                lngItem.push(i[0]);
                latItem.push(i[1]);
            });
            //排序提取出所有房源坐标点的经度和纬度数组
            latItem.sort(function (a, b) {
                return a-b;
            });
            lngItem.sort(function (a, b) {
                return a-b;
            });
            var maxLat = latItem[latItem.length - 1];//最大纬度值
            var minLat = latItem[0];//最小纬度值
            var maxLng = lngItem[lngItem.length - 1];//最大经度值
            var minLng = lngItem[0];//最小经度值
            var NorthEast = [maxLat, maxLng];//房源全部坐标点的最大东北角
            var SouthWest = [minLat, minLng];//房源全部坐标点的最大西南角
            //扩展此边界以包含给定点
            var bbox = [NorthEast, SouthWest];
            //将视口设置为包含给定边界
            elementarySchool_myMap.fitBounds(bbox);
        }
    };

    //初中学区范围——地图配置
    function middleSchool_initializeMap(){
        var middleSchool_myMap = L.mapbox.map('middle-schoolDistrict-map', 'mapbox.streets',{
            zoom: 15,
            center: thisHouseLatLng,
            minZoom: 4,//最大缩小比例
            scrollWheelZoom: false,//禁用滚轮缩放
        });
        L.control.scale().addTo(middleSchool_myMap);//添加控件——比例尺

        //添加到地图
        var middleSchool_thisHouse_Marker = L.divIcon({
            className: 'thisHouse-marker-label',
            html: '<img src="/img/house-marker.png"/>'
        });
        L.marker(thisHouseLatLng, {icon: middleSchool_thisHouse_Marker}).addTo(middleSchool_myMap);

        var middleSchool_geojson = [];
        //创建小学的学区范围和marker点
        middleSchoolData.forEach(function(i, index) {
            var middleSchoolObj = {
                grade_low: i.grade_low,
                grade_high: i.grade_high,
                name: i.name,
                geometry: i.geometry,
                position: [i.lat, i.lng],
            };

            //添加到地图
            var middleSchool_Marker = L.divIcon({
                className: 'school-marker-label',
                // html: '<div>'+ isNull0(i.grade_low) +'~'+ isNull0(i.grade_high) +'</div>'
                html: '<div></div>'
            });
            L.marker(middleSchoolObj.position, {icon: middleSchool_Marker}).addTo(middleSchool_myMap);

            //学校的hover时添加其GeoJson数据，绘制多边形区域
            if (middleSchoolObj.geometry) {
                middleSchool_geojson.push({
                    "type": "Feature",
                    "geometry": {
                        "type": middleSchoolObj.geometry[0].type,
                        "coordinates": middleSchoolObj.geometry[0].coordinates
                    },
                    "properties": {
                        "stroke": "#2f7800",
                        "stroke-width": 2,
                        "stroke-opacity": 0.9,
                        "fill": randomGreenColor(),
                        "fill-opacity": 0.3
                    }
                });

                i.geometry.forEach(function(item_geometry) {
                    item_geometry.coordinates.forEach(function(item_geometry_coordinates) {
                        item_geometry_coordinates.forEach(function(item_geometry_coordinates_i) {
                            item_geometry_coordinates_i.forEach(function(i) {
                                filterLngLat0_middleSchool.push(i)
                            });
                        });
                    });
                });
            }
        });

        // 检查是否加载完成了Mapbox-GL样式
        // middleSchool_myMap.addEventListener('load', function(e) {
        //     console.log(e)
        // });

        if(middleSchool_geojson.length > 0){
            L.geoJson(middleSchool_geojson, { style: L.mapbox.simplestyle.style }).addTo(middleSchool_myMap);
        }
        // console.log(filterLngLat0_middleSchool)
        if(filterLngLat0_middleSchool.length > 0){
            //提取出所有房源坐标点的经度和纬度
            var latItem = [];
            var lngItem = [];
            filterLngLat0_middleSchool.forEach(function(i) {
                lngItem.push(i[0]);
                latItem.push(i[1]);
            });
            //排序提取出所有房源坐标点的经度和纬度数组
            latItem.sort(function (a, b) {
                return a-b;
            });
            lngItem.sort(function (a, b) {
                return a-b;
            });
            var maxLat = latItem[latItem.length - 1];//最大纬度值
            var minLat = latItem[0];//最小纬度值
            var maxLng = lngItem[lngItem.length - 1];//最大经度值
            var minLng = lngItem[0];//最小经度值
            var NorthEast = [maxLat, maxLng];//房源全部坐标点的最大东北角
            var SouthWest = [minLat, minLng];//房源全部坐标点的最大西南角
            //扩展此边界以包含给定点
            var bbox = [NorthEast, SouthWest];
            //将视口设置为包含给定边界
            middleSchool_myMap.fitBounds(bbox);
        }
    };

    //高中学区范围——地图配置
    function highSchool_initializeMap(){
        var highSchool_myMap = L.mapbox.map('high-schoolDistrict-map', 'mapbox.streets',{
            zoom: 15,
            center: thisHouseLatLng,
            minZoom: 4,//最大缩小比例
            scrollWheelZoom: false,//禁用滚轮缩放
        });
        L.control.scale().addTo(highSchool_myMap);//添加控件——比例尺

        //添加到地图
        var highSchool_thisHouse_Marker = L.divIcon({
            className: 'thisHouse-marker-label',
            html: '<img src="/img/house-marker.png"/>'
        });
        L.marker(thisHouseLatLng, {icon: highSchool_thisHouse_Marker}).addTo(highSchool_myMap);

        var highSchool_geojson = [];
        //创建小学的学区范围和marker点
        highSchoolData.forEach(function(i, index) {
            var highSchoolObj = {
                grade_low: i.grade_low,
                grade_high: i.grade_high,
                name: i.name,
                geometry: i.geometry,
                position: [i.lat, i.lng],
            };

            //添加到地图
            var highSchool_Marker = L.divIcon({
                className: 'school-marker-label',
                // html: '<div>'+ isNull0(i.grade_low) +'~'+ isNull0(i.grade_high) +'</div>'
                html: '<div></div>'
            });
            L.marker(highSchoolObj.position, {icon: highSchool_Marker}).addTo(highSchool_myMap);

            //学校的hover时添加其GeoJson数据，绘制多边形区域
            if (highSchoolObj.geometry) {
                highSchool_geojson.push({
                    "type": "Feature",
                    "geometry": {
                        "type": highSchoolObj.geometry[0].type,
                        "coordinates": highSchoolObj.geometry[0].coordinates
                    },
                    "properties": {
                        "stroke": "#2f7800",
                        "stroke-width": 2,
                        "stroke-opacity": 0.9,
                        "fill": randomGreenColor(),
                        "fill-opacity": 0.3
                    }
                });

                i.geometry.forEach(function(item_geometry) {
                    item_geometry.coordinates.forEach(function(item_geometry_coordinates) {
                        item_geometry_coordinates.forEach(function(item_geometry_coordinates_i) {
                            item_geometry_coordinates_i.forEach(function(i) {
                                filterLngLat0_highSchool.push(i)
                            });
                        });
                    });
                });
            }
        });

        // 检查是否加载完成了Mapbox-GL样式
        // highSchool_myMap.addEventListener('load', function(e) {
        //     console.log(e)
        // });

        if(highSchool_geojson.length > 0){
            L.geoJson(highSchool_geojson, { style: L.mapbox.simplestyle.style }).addTo(highSchool_myMap);
        }
        // console.log(filterLngLat0_highSchool)
        if(filterLngLat0_highSchool.length > 0){
            //提取出所有房源坐标点的经度和纬度
            var latItem = [];
            var lngItem = [];
            filterLngLat0_highSchool.forEach(function(i) {
                lngItem.push(i[0]);
                latItem.push(i[1]);
            });
            //排序提取出所有房源坐标点的经度和纬度数组
            latItem.sort(function (a, b) {
                return a-b;
            });
            lngItem.sort(function (a, b) {
                return a-b;
            });
            var maxLat = latItem[latItem.length - 1];//最大纬度值
            var minLat = latItem[0];//最小纬度值
            var maxLng = lngItem[lngItem.length - 1];//最大经度值
            var minLng = lngItem[0];//最小经度值
            var NorthEast = [maxLat, maxLng];//房源全部坐标点的最大东北角
            var SouthWest = [minLat, minLng];//房源全部坐标点的最大西南角
            //扩展此边界以包含给定点
            var bbox = [NorthEast, SouthWest];
            //将视口设置为包含给定边界
            highSchool_myMap.fitBounds(bbox);
        }
    };

    //----------------------------地图——周边信息----------------------------
    var POIResult = [[${poi_coordinates_result}]];//密度（点与点的距离：10m，范围半径：500m）
    if (POIResult.house != null && POIResult.list != null) {
        $('#POIResult-box').show();
        //加载POI周边信息地图
        POI_initializeMap();
    } else {
        $('#POIResult-box').hide();
    }
    // console.log(POIResult)

    //初始化地图
    function POI_initializeMap() {
        var POI_myMap = L.mapbox.map('POI-map', 'mapbox.streets',{
            zoom: 12,
            center: thisHouseLatLng,
            minZoom: 4,//最大缩小比例
            scrollWheelZoom: false,//禁用滚轮缩放
        });
        L.control.scale().addTo(POI_myMap);//添加控件——比例尺

        //添加到地图
        var POI_thisHouse_marker_el = L.divIcon({
            className: 'thisHouse-marker-label',
            html: '<img src="/img/house-marker.png"/>'
        });
        L.marker(thisHouseLatLng, {icon: POI_thisHouse_marker_el}).addTo(POI_myMap);

        //周边POI数据marker点
        POIResult.list.forEach(function(i, index) {
            if (i.lng && i.lat) {
                var POIObj = {
                    cates: i.cates,
                    position: [i.lat, i.lng],
                };

                //添加到地图
                var POI_marker_el = L.divIcon({
                    className: 'marker-POI',
                    html: '<i class="' + isPOImarkerIClass(i.cates) + '"></i>'
                });
                L.marker(POIObj.position, {icon: POI_marker_el}).addTo(POI_myMap);

                filterLngLat0_POI.push(i)
            }
        });

        // console.log(filterLngLat0_POI)

        //提取出所有房源坐标点的经度和纬度
        var latItem = [];
        var lngItem = [];
        filterLngLat0_POI.forEach(function(i) {
            lngItem.push(i.lng);
            latItem.push(i.lat);
        });

        //排序提取出所有房源坐标点的经度和纬度数组
        latItem.sort(function (a, b) {
            return a-b;
        });
        lngItem.sort(function (a, b) {
            return a-b;
        });
        var maxLat = latItem[latItem.length - 1];//最大纬度值
        var minLat = latItem[0];//最小纬度值
        var maxLng = lngItem[lngItem.length - 1];//最大经度值
        var minLng = lngItem[0];//最小经度值
        var NorthEast = [maxLat, maxLng];//房源全部坐标点的最大东北角
        var SouthWest = [minLat, minLng];//房源全部坐标点的最大西南角
        //扩展此边界以包含给定点
        var bbox = [NorthEast, SouthWest];
        //将视口设置为包含给定边界
        POI_myMap.fitBounds(bbox);
    };

    //根据POI周边数据的类型来判断marker点的i标签的class名
    function isPOImarkerIClass(type) {
        var val = '';
        switch (type[0]) {
            case 'Arts & Entertainment':
                val = 'yule';//娱乐
                break;
            case 'Automotive':
                val = 'qiche';//汽车
                break;
            case 'Beauty':
                val = 'meirong';//美容
                break;
            case 'Education':
                val = 'jiaoyu';//教育
                break;
            case 'Event Planning & Services':
                val = 'fuwu';//服务
                break;
            case 'Financial Services':
                val = 'jinrong';//金融
                break;
            case 'Food':
                val = 'shipin';//食品
                break;
            case 'Health & Medical':
                val = 'jiankang';//健康
                break;
            case 'Home Services':
                val = 'jiazheng';//家政
                break;
            case 'Hotels & Travel':
                val = 'jiudian';//酒店
                break;
            case 'Local Events & Flavor':
                val = 'bendishenghuo';//本地生活
                break;
            case 'Local Media':
                val = 'bendimeiti';//本地媒体
                break;
            case 'Local Services':
                val = 'bendifuwu';//本地服务
                break;
            case 'Nightlife':
                val = 'yeshenghuo';//夜生活
                break;
            case 'Pets':
                val = 'chongwu';//宠物
                break;
            case 'Professional Services':
                val = 'zhuanyefuwu';//专业服务
                break;
            case 'Public Services & Government':
                val = 'zhengfu';//政府
                break;
            case 'Real Estate':
                val = 'fangdichan';//房地产
                break;
            case 'Recreation':
                val = 'huwai';//户外
                break;
            case 'Religious Organizations':
                val = 'zongjiao';//宗教
                break;
            case 'Restaurants':
                val = 'canguan';//餐馆
                break;
            case 'Shopping':
                val = 'gouwu';//购物
                break;
            case 'Travel':
                val = 'lvyou';//旅游
                break;
            default:
                val = 'gouwu';//默认：购物
        }
        return val;
    };

</script>

</html>